1140 CSS是一個響應式網格系統，基于12個柵格系統，可以讓網站在多種分辨率下均勻地分布內容。1140 CSS也支持可變網格，可以讓網格在不同的分辨率下自適應調整。

.container {
width: 1140px;
margin: 0 auto;
}
.row:before, 
.row:after {
content: "";
display: table;
}
.row:after {
clear: both;
}
[class*="col-"] {
float: left;
margin-right: 20px;
}
.col-1 { width: 60px; }
.col-2 { width: 140px;}
.col-3 { width: 220px; }
.col-4 { width: 300px; }
.col-5 { width: 380px; }
.col-6 { width: 460px; }
.col-7 { width: 540px; }
.col-8 { width: 620px; }
.col-9 { width: 700px; }
.col-10 { width: 780px; }
.col-11 { width: 860px; }
.col-12 { width: 940px; }

1140 CSS的柵格系統使用起來非常簡單，只需要在HTML的類名中添加col-1到col-12中的任意一個即可設置不同的網格寬度。

1140 CSS的優點在于可以自適應調整，避免了傳統網格因為分辨率問題造成的錯位或變形，適用于各種設備上的網站設計。因此1140 CSS是一個非常優秀的響應式網格系統。