Bootstrap：如何將容器的寬度更改爲1400px？

我需要在Bootstrap 3到1400px中使用自定義容器。我如何計算網格列的寬度和@ grid-gutter-width？如何做到這一點？Bootstrap：如何將容器的寬度更改爲1400px？

謝謝。

2016-10-05 Lui

如果您使用引導SASS端口，您可以通過更改_bootstrap-variables.scss輕鬆完成此操作。

在_bootstrap-variables.scss搜索$container-large-desktop並將其值更改爲(1370px + $grid-gutter-width)。

默認$grid-gutter-width是30 px。你也可以改變它。
如果更改$grid-gutter-width，則相應地更改$container-large-desktop以獲取容器大小1400px。

要知道如何與引導工作，上海社會科學院查探：https://github.com/twbs/bootstrap-sass

2016-10-05 07:21:52

對不起，但我不熟悉SASS，任何其他解決方案。 – Lui

訪問http://getbootstrap.com/customize/並搜索容器大小並根據您的需要進行編輯。 –

我已經在_bootstrap-variables.scss中進行了更改，但現在如何使用Sass在HTML中設置引導程序。 – Lui

更好的，你應該使用引導流動佈局，如：

CSS

.wrapper{ 
    width: 1400px; 
    margin: 0 auto; 
}

HTML

<div class="wrapper"> 
    <div class="container-fluid"></div> 
</div>

2016-10-05 07:49:20 Alex

謝謝，但我不想使用容器流體，我仍然是Bootstrap的初學者。 – Lui

您可以在引導改變容器寬度定製頁：

在容器體積的變化@容器大桌面到你想要的大小。請記住考慮到排水溝。

2016-10-05 14:35:32

回答