twitter-bootstrap – 自定义Bootstrap中的列数3

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 自定义Bootstrap中的列数3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
更新:

对于任何发生在这个问题的人:这个问题似乎已经在后续的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更改为任何数字并重新编译。

原文链接:https://www.f2er.com/bootstrap/234191.html

猜你在找的Bootstrap相关文章