更新:
对于任何在这个问题上发生的人来说:这个问题似乎已经在后续的Bootstrap更新中解决了。现在,您可以下载自定义的引导带3生成,并使用@grid-columns
设置指定所需的列数。
http://getbootstrap.com/customize/
原题:
我正在尝试自定义引导3网格系统,以使用24列而不是默认的12列。
正如在这里的许多答案中建议的那样,我试图通过修改@gridColumnWidth,@gridColumns、@gridGutterWidth和变量,使用Bootstrap的"Customize“页面来定制资产。
但是Bootstrap 3似乎已经消除了这些变量:
在Bootstrap 3中实现这一目标的推荐方法是什么?非常感谢!
发布于 2016-05-03 16:46:53
这将设置24列,如果您自己编译引导少。请记住,@grid-gutter-width
必须在px
中,em
单元不能工作。
@grid-gutter-width: 14px;
@grid-columns: 24;
发布于 2013-12-06 21:44:00
您还可以查看http://tmaiaroto.github.io/gridline/
..。我写了更多的细节,为什么你会想要使用它在我的博客文章,http://www.shift8creative.com/posts/view/flexible-twitter-bootstrap-grid,以防你有兴趣。
简单地说,sweet...You不想改变Twitter的启动,因为它的更新频率足够高,你会一直在做你的编辑。
对于开源项目来说,这是一个很好的实践--如果你能以一种非破坏性和非侵入性的方式在它们上面做些什么的话,你应该选择先这样做。你最后的努力就是改变项目的来源。
发布于 2014-11-19 16:25:41
很晚了,但是我用了一个更少的解决方案,不需要修改Bootstrap。https://github.com/drew-r/bootstrap-n-column
https://stackoverflow.com/questions/19253088
复制相似问题