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

Question

我想将宽度设置为960px。目前它是979px。我看到变量。你得到：

@navbarCollapseWidth:             960px;

更重要的是，像：

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

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

Answer 1

这是你在找什么？

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

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

另一个小问题（只是一个错字？）：当使用16个cols时，@gridColumnWidth: 60px总计达960px本身：）

Answer 2

您可能想要在引导程序文件中编辑媒体查询，因此它未设置为979px最大宽度或最小宽度 此外，这个数学可能会帮助您获得适合列和排水沟大小的计算

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