自定義五列的 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 ; } } |