bootstrap 為什麼只能預設12列
bootstrap只能預設12列是因為12是數字“1、2、3、4、6”的最小公倍數,所以12列柵格系統相對較靈活,並且支援將一行分成1列、2列、3列、4列、6列。
本教程操作環境:Windows7系統、bootstrap3版,該方法適用於所有品牌電腦。
推薦:《bootstrap視訊教程》
為什麼Bootstrap要預設12列?
今天被問了一個問題:”有沒有想過為什麼Bootstrap要預設是12列?“
呃,好吧,用了Bootstrap一段時間,的確沒想過為什麼要預設是12列,隱隱約約覺得是因為佈局比較方便,常見的分2塊,3塊,4塊,都可以方便分完。
既然有假設,那還是要求證一下。
谷歌上一陣搜尋。
1
Contrary to the question’s parenthetical, Bootstrap was always at 940px wide, and not 960px, even with the original 16 columns. With the switch to 12 columns in Bootstrap 2, we wanted to simplify the overall grid (16 columns is right on the edge of enough granularity) and make it easier to get three columns.
大致意思就是原來是16列的,後來改成了12列,是為了更容易可以排出三列。
好,那麼問題來了,為什麼之前是設計16列呢?
繼續谷歌。
1
16-columns has long been the go-to grid for designers and developers, but we’ve noticed a shift to 12- and 24-columns to offer a more flexible layout. And they’re right for doing so—gridded layouts work best with an odd number of columns (you often see three columns, but four or six are not that popular).
這個是Bootstrap的github bug列表中2011年的一段討論,題目是問為什麼用16列代替了24列。原來16列之前還有24列。大概是說,16列是開發和設計人員的首選,但是12列或者是24列可以更靈活。其中說到就是奇數列的佈局更常見,比如經常可以看到三列形式的佈局。
這裡的話,為什麼說16列是開發和設計人員的首選,我並不清楚。但是後面說到三列布局更常見,的確是這樣,比如CSDN的首頁就是個三列形式的佈局。用16列想分3:1或者3:2都不是很方便。
而12是1,2,3,4,6的最小公倍數,所以12列柵格系統相對較靈活,支援將一行分成1列,2列,3列,4列,6列。若是想要支援5列,那1,2,3,4,5的最小公倍數是60,而60這個數對於柵格系統來說顯然太大了。
相關文章
- 分支預測:為什麼有序陣列比無序陣列快?陣列
- Category為什麼只能加方法不能加成員變數?Go變數
- 為什麼美國程式設計師不用加班,而中國程式設計師就只能996?程式設計師996
- 為什麼為什麼為什麼為什麼為什麼你要做一名程式設計師?程式設計師
- 為什麼每個Java的類欄位預設要設為finalJava
- 【教程】將預設前端套件升級為 Bootstrap 4.0.0-beta前端套件boot
- 更改bootstrap的預設樣式boot
- Laravel 5 前端預設 Bootstrap 4Laravel前端boot
- 為什麼 Linux 預設頁大小是 4KBLinux
- Java 18為什麼要指定UTF-8為預設字符集Java
- 為什麼說列舉更佔記憶體,列舉原理是什麼?記憶體
- [SwiftUI 知識碎片] 為什麼 @State 只能在結構體中工作SwiftUI結構體
- 為什麼優秀的程式設計師喜歡命令列?程式設計師命令列
- 預設閘道器怎麼設定,預設閘道器是什麼
- 為什麼遊戲與列車是天作之合?遊戲
- 為什麼要使用訊息佇列?佇列
- 你知道 Mysql Varchar 型別為什麼人們預設設定 255 嗎MySql型別
- 為什麼CentOS7選擇XFS作為預設的檔案系統?CentOS
- 為什麼mysql選可重複讀作為預設的隔離級別MySql
- 設計師為什麼要學程式設計,開發者為什麼要學設計?程式設計
- 更改BootStrap popover的預設樣式boot
- 什麼是 bootstrap 中的 break pointboot
- 1-為什麼需要訊息佇列佇列
- 為什麼我們需要訊息佇列?佇列
- iOS-列舉型別為什麼要用iOS型別
- 為什麼建議使用命令列工具?命令列
- Python陷阱:為什麼不能用可變物件作為預設引數的值Python物件
- 程式設計沒點為什麼,生活就是十萬個為什麼程式設計
- 雲解析DNS為什麼要配置預設線路?(中科三方)DNS
- 分享12款最佳的Bootstrap設計工具boot
- 為什麼89C51的串列埠中斷只能用T1串列埠
- 為什麼設定反省錄
- 什麼是設計模式?為什麼要使用設計模式?有什麼好處?設計模式
- 為什麼處理排序陣列比未排序陣列快排序陣列
- 為什麼處理有序陣列比無序陣列快?陣列
- win10輸入法為什麼只能打出字母 win10輸入法只能打字母的解決方法Win10
- 為什麼我們不用sourcemap了?hey-cli預設關閉打包配置
- 單例模式中為什麼用列舉更好單例模式