bootstrap3柵格怎么畫5列
1 回答

搖曳的薔薇
TA貢獻1793條經驗 獲得超6個贊
bootstrap里面沒有設定5列的,他是把一行分成12個等分的柵格,然后col-xs-1就是1個柵格單位,所以寬度就是1/12。col-xs-3就是3個柵格單位,寬度就是3/12=25%,每行能放4個,剛好100%。根據這個原理,想分成5列也很好辦,可以直接用col-xs-3,然后在CSS里加一行代碼
.col-xs-3 { width:20%;} 等于重新定義了柵格寬度,這樣每行剛好5個。
提示下:這樣定義的話,整個頁面的.col-xs-3都是20%的寬度了,而不是bs默認定義的25%。
所以最好辦法是在每列的DIV上再加一個class,定義這個class的寬度為20%,完美解決。
- 1 回答
- 0 關注
- 670 瀏覽
添加回答
舉報
0/150
提交
取消