1+ * margin : 0 ;padding : 0 ;box-sizing : border-box; }
2+
3+ .container { width : 100% ; padding : 10px ; }
4+ .row { width : 100% ; }
5+ .row ::after ,
6+ .row ::before { content : '' ; display : block; clear : both; }
7+ [class *= "col-" ] { padding : 10px ;float : left; }
8+ @media all and ( min-width : 768px ) {
9+ .col-md-1 { width : 8.333% ; }
10+ .col-md-2 { width : 16.666% ; }
11+ .col-md-3 { width : 25% ; }
12+ .col-md-4 { width : 33.333% ; }
13+ .col-md-5 { width : 41.666% ; }
14+ .col-md-6 { width : 50% ; }
15+ .col-md-7 { width : 58.333% ; }
16+ .col-md-8 { width : 66.666% ; }
17+ .col-md-9 { width : 75% ; }
18+ .col-md-10 { width : 83.333% ; }
19+ .col-md-11 { width : 91.666% ; }
20+ .col-md-12 { width : 100% ; }
21+ }
22+ @media all and ( max-width : 768px ) {
23+ .col-sm-1 { width : 8.333% ; }
24+ .col-sm-2 { width : 16.666% ; }
25+ .col-sm-3 { width : 25% ; }
26+ .col-sm-4 { width : 33.333% ; }
27+ .col-sm-5 { width : 41.666% ; }
28+ .col-sm-6 { width : 50% ; }
29+ .col-sm-7 { width : 58.333% ; }
30+ .col-sm-8 { width : 66.666% ; }
31+ .col-sm-9 { width : 75% ; }
32+ .col-sm-10 { width : 83.333% ; }
33+ .col-sm-11 { width : 91.666% ; }
34+ .col-sm-12 { width : 100% ; }
35+ }
36+
37+
38+
39+ [class *= 'col-' ] > div {
40+ width : 100% ;
41+ height : 50px ;
42+ border : 1px solid # 999
43+ background-color : # eee
44+ }
0 commit comments