twitter-bootstrap - 您如何在 BootStrap 中设置最大宽度和网格列？

Question

我想将宽度设置为 960px。目前是979px。我在 variables.less 中看到你得到：

@navbarCollapseWidth:             960px;

更重要的是，诸如：

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

但是，更改这些不会影响任何标准 Bootstrap 功能？

Answer 1

这是你想要的？

如何使用 Twitter Bootstrap 2 获得 16 列响应式布局？

它指的是line 517 of the mixins你必须寻找_mixins.less（我猜是 .less 因为我使用的是 .scss 版本）

另一件小事（只是一个错字？）：使用 16 列@gridColumnWidth: 60px时，本身总计为 960px :)

Answer 2

您可能想要编辑引导文件中的媒体查询，因此它也没有设置为 979px 最大宽度或最小宽度，这个数学可以帮助您正确计算列和装订线的大小

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