2016-06-26 132 views
2

因此,我只是手動創建一些CSS覆蓋,使導航欄崩潰< 940px而不是< 768px。但是現在我意識到我需要所有組件都具有相同的行爲。 例如,我有兩列的行。他們崩潰在< 768px,但我需要他們崩潰在940px。Bootstrap變化768px斷點

我當然可以再次通過源代碼,並做出一些新的覆蓋,但我相信有一天我會發現另一件事仍然在< 768px崩潰。

那麼,我怎樣才能簡單地改變所有組件的全局引導斷點?

我目前正在考慮只在我的引導源文件上運行文本替換腳本......但誰知道會出現什麼問題。

+0

http://getbootstrap.com/customize/ - 在這裏你可以創建自己的自舉CSS(不同的斷點,導航欄崩潰等)。 – makshh

+0

[在Bootstrap 3.0中更改摺疊斷點]的可能重複(http://stackoverflow.com/questions/20817956/change-collapse-breakpoint-in-bootstrap-3-0) – vanburen

回答

4

定製您的Media queries breakpoints

這比自己手動操作更具可維護性,因爲它會爲您提供一個配置,您可以稍後將其上傳到引導程序,進行更多調整並重新生成。

+0

或者使用npm模塊並自定義您的構建。 :) –