更新:
对于任何发生在这个问题的人:这个问题似乎已经在后续的Bootstrap更新中得到解决。您现在可以下载自定义的Bootstrap 3构建,使用@ grid-columns设置指定所需的列数。
http://getbootstrap.com/customize/
原始问题:
我试图自定义Bootstrap 3网格系统使用24列而不是默认12。
根据这里的许多答案,我尝试使用Bootstrap的“自定义和下载”页面修改@gridColumns,@gridColumnWidth和@gridGutterWidth变量来自定义资产。
但是Bootstrap 3似乎已经取消了这些变量:
> Bootstrap 3自定义页面(例如,no @gridColumns):
http://getbootstrap.com/customize/
> Bootstrap 2自定义页面(例如@gridColumns选项可用):
http://getbootstrap.com/2.3.2/customize.html
在Bootstrap 3中推荐的方法是什么?非常感谢!
解决方法
Twitter的Bootstrap 3.0.0的定制器没有设置网格列数的选项。将计划下一个版本3.0.1,请参阅:
https://github.com/twbs/bootstrap/issues/10985
此外,当您从github.com/twbs/bootstrap/archive/master.zip下载最新版本并编译您自己的版本。在变量中设置@ grid-columns是不够的。网格列的类名称是以网格编码的,但是您也必须更改/添加这些列。参见:https://github.com/twbs/bootstrap/issues/10990
网格列是以grid格式动态定义的。您可以将@ grid-columns更改为任何数字并重新编译。