1140 css |css boder style

.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是一个非常优秀的响应式网格系统。