960px寬度敏感的引導程序容器導軌應用程序

-1

我使用引導程序2.3.2創建網站，並且我希望容器的最大寬度爲960px而不是1200px。我知道在customize頁面取消選中1200px寬的容器選項將不會在CSS中包含該選項，但是現在我的問題正在實現回到我的Rails應用程序中。我不確定引導程序文件的位置或我如何替換它。有什麼建議麼？提前致謝。960px寬度敏感的引導程序容器導軌應用程序

來源

2013-10-10 Eric Filkins

你如何在你的應用程序中包含bootstrap？一種更容易覆蓋引導默認值的方法是使用'bootstrap-sass'gem。 –

您需要將您生成的'bootstrap.css'和'bootstrap.min.css'替換爲您的應用程序中的那些。要麼是這樣，要麼您需要將一些媒體查詢添加到自定義樣式表中以覆蓋該功能。 –

我似乎無法在我的應用中的任何位置找到bootstrap.css –

bootstrap使用類.container來設置網格的寬度。所以，你會希望加入這一個自定義樣式表（mystyles.css），您包括覆蓋引導風格你包括引導樣式後：

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    width: 960px; 
}

來源

2013-10-10 20:40:27

這將刪除他想要的響應功能:) –

爲了保持響應使用最大寬度，而不是寬度。正如Jarod Reyes指出的......確保在加載引導程序後包含這些樣式。

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    max-width: 960px; 
}

來源

2014-06-04 21:26:48

960px寬度敏感的引導程序容器導軌應用程序

回答

相關問題