如何在BootStrap中設置最大寬度和網格列？

我想將寬度設置爲960像素。目前它是979px。我在variables.less看看你會得到：如何在BootStrap中設置最大寬度和網格列？

@navbarCollapseWidth:    960px;

而且更重要的是，像：

@gridColumns:    16; 
@gridColumnWidth:   60px; 
@gridGutterWidth:   10px;

然而，這些變化不會影響任何的標準引導功能？

來源

2012-11-09 coderama

你做更改後編譯成CSS更少的文件？ [減少編譯]（http://lesscss.org/#usage）。或直接用[boostrap自定義頁面]（http://twitter.github.com/bootstrap/customize.html#variables） – Sherbrow

直接下載您的自定義CSS我編譯「less」文件，但我不知道哪個文件編輯包含gridRowWidth爲了使這些更改反映在整個董事會？ – coderama

這是你在找什麼？

How do I get a 16 column responsive layout with Twitter Bootstrap 2?

它指的line 517 of the mixins你必須尋找_mixins.less（我猜.LESS因爲我用的是.scss版）

另一個小東西（只是一個錯字？）：當使用16 col，@gridColumnWidth: 60px總計960px本身:)

來源

2012-11-14 13:49:17 Rockbot

如何判斷哪個文件實際上包含新生成的代碼？ – coderama

「通常」，編譯後最終只有1個文件。我有一個聚會的文件，包括所需的所有文件（第一導入自己的增值經銷商，未來進口自舉，那麼自己的資產，並引導響應（需要時），最後，我結束了包括一切1 CSS文件並編譯。 – Rockbot

另請參閱：http://stackoverflow.com/questions/12816089/why-bootstrap-css-is-not-overriding-in-other-project-with-the-same-code/12819825#12819825 – Rockbot

您可能想要在引導程序文件中編輯媒體查詢，以便它不會設置在979像素的最大寬度或最小寬度上，這個數學可能會幫助您計算正確的列大小和排水溝

@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

來源

2012-11-10 09:37:33 Yohn

那麼究竟哪個文件？ – coderama

bootstrap.css文件您可以在底部找到媒體查詢，您可以更改'@media（min-width：796px）和（max-width：976px）{'並將最大寬度更改爲類似960可能會幫助它變小，但可能有其他地方你必須添加到媒體查詢..我通過簡單地編輯所有媒體查詢的最小和最大寬度和計算gridRowWidth來自[variables.less]（https://github.com/twitter/bootstrap/blob/master/less/variables.less#L272） – Yohn

如何在BootStrap中設置最大寬度和網格列？

回答

相關問題