Bootstrap導航欄崩潰時更改的最簡單方法（使用bootstrap gem）

我有一個使用bootstrap-sass gem的rails應用程序。我想改變導航欄從平板電腦（979px）摺疊到手機（769px）的寬度。覆蓋媒體查詢並不是一個整潔的解決方案。Bootstrap導航欄崩潰時更改的最簡單方法（使用bootstrap gem）

我編輯@navbarCollapseWidth in variables.less並構建bootstrap，然後將內容bootstrap-responsive.css複製到gems中的responsive.scss ... vendor/assets/stylesheets/bootstrap。但是，現在我失去了更新寶石而不會丟失我的更改的能力。

這裏最好的方法是什麼？我想讓我認爲是一個簡單的改變，但保持我的寶石更新能力。也許在application.css.scss中使用@import "bootstrap-responsive-mine";，然後在需要時手動更新該文件？

來源

2013-02-12 Archonic

您是否閱讀了關於configuration this gem的一些信息？

在您選擇的SCSS文件中導入「bootstrap」以獲得所有Bootstrap的樣式，混合和變量！

@import "bootstrap";

需要配置一個或兩個變量？在導入Bootstrap之前，只需定義要更改的變量的值即可。 Sass將尊重您的現有定義，而不是用 Bootstrap默認值覆蓋它。

$navbarCollapseWidth: 769px; 
@import "bootstrap";

或者說，是不是你需要什麼？

來源

2013-02-13 00:59:31

我在'@import「bootstrap之前添加了'$ navbarCollapseWidth：769px;'''但沒有運氣。我也嘗試運行'bundle install'並重新啓動服務器。我使用'$ btnBackground：＃000;'進行了測試，而且工作得很好。檢查github - 這確實是一個錯誤。 https://github.com/thomas-mcdonald/bootstrap-sass/issues/203 – Archonic 2013-02-13 15:42:55

Bootstrap導航欄崩潰時更改的最簡單方法（使用bootstrap gem）

回答

相關問題