自定义Bootstrap 3中的列数

Question

更新:

对于发生在这个问题上的任何人:此问题似乎已在随后的Bootstrap更新中得到解决.您现在可以下载自定义Bootstrap 3版本,使用该@grid-columns设置指定所需列的数量.

http://getbootstrap.com/customize/

原始问题:

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

正如在这里的一些答案中所建议的那样,我试图通过修改@gridColumns,@ gridColumnWidth和@gridGutterWidth变量来使用Bootstrap的"自定义和下载"页面来自定义资产.

但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中的mixin动态定义的.您可以更改@grid-columns为任何数字并重新编译.