twitter-bootstrap - 在 Bootstrap 3 中自定义列数

Question

更新:

对于遇到此问题的任何人:此问题似乎已在 Bootstrap 的后续更新中得到解决。您现在可以下载自定义 Bootstrap 3 构建，使用 @grid-columns 指定所需的列数。环境。

http://getbootstrap.com/customize/

原始问题:

我正在尝试自定义 Bootstrap 3 网格系统以使用 24 列而不是默认的 12 列。

正如这里的许多答案所建议的那样，我正在尝试通过修改 来使用 Bootstrap 的“自定义和下载”页面自定义 Assets 。 @gridColumns , @gridColumnWidth , 和 @gridGutterWidth 变量。

但是 Bootstrap 3 似乎已经取消了这些变量:

Bootstrap 3 自定义页面(例如，没有 @gridColumns):
http://getbootstrap.com/customize/

Bootstrap 2 自定义页面(例如，@gridColumns 选项可用):
http://getbootstrap.com/2.3.2/customize.html

在 Bootstrap 3 中实现这一目标的推荐方法是什么？非常感谢!

Answer 1

Twitter 的 Bootstrap 3.0.0 的定制器没有设置网格列数的选项。计划在下一个版本 3.0.1 中使用，请参阅:https://github.com/twbs/bootstrap/issues/10985

此外，当您从 github.com/twbs/bootstrap/archive/master.zip 下载最新版本并编译您自己的版本时。在 variables.less 中设置 @grid-columns 是不够的。网格列的类名在 grid.less 中硬编码，您也必须更改/添加这些。另见:https://github.com/twbs/bootstrap/issues/10990

网格列现在使用 grid.less 中的 mixins 动态定义。您可以更改@grid-columns到任何数字并重新编译。