自定义五列的 CSS 类
这种方法相对简单的,自定义一套CSS类,尽量和Bootstrap风格保持一致。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | .col-xs -5 ths, .col-sm -5 ths, .col-md -5 ths, .col-lg -5 ths { position : relative ; min-height : 1px ; padding-right : 10px ; padding-left : 10px ; } @media ( min-width : 768px ) { .col-sm -5 ths { width : 20% ; float : left ; } } @media ( min-width : 992px ) { .col-md -5 ths { width : 20% ; float : left ; } } @media ( min-width : 1200px ) { .col-lg -5 ths { width : 20% ; float : left ; } } |