首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自定义Bootstrap 3中的列数

自定义Bootstrap 3中的列数
EN

Stack Overflow用户
提问于 2013-10-08 16:19:48
回答 3查看 31.6K关注 0票数 18

更新:

对于任何在这个问题上发生的人来说:这个问题似乎已经在后续的Bootstrap更新中解决了。现在,您可以下载自定义的引导带3生成,并使用@grid-columns设置指定所需的列数。

http://getbootstrap.com/customize/

原题:

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

正如在这里的许多答案中建议的那样,我试图通过修改@gridColumnWidth,@gridColumns、@gridGutterWidth和变量,使用Bootstrap的"Customize“页面来定制资产。

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

  • 引导3定制页面(例如,no @gridColumns): http://getbootstrap.com/customize/
  • 引导2自定义页面(例如,@gridColumns选项可用): http://getbootstrap.com/2.3.2/customize.html

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

EN

回答 3

Stack Overflow用户

发布于 2016-05-03 16:46:53

这将设置24列,如果您自己编译引导少。请记住,@grid-gutter-width必须在px中,em单元不能工作。

@grid-gutter-width: 14px;

@grid-columns: 24;

票数 1
EN

Stack Overflow用户

发布于 2013-12-06 21:44:00

您还可以查看http://tmaiaroto.github.io/gridline/

..。我写了更多的细节,为什么你会想要使用它在我的博客文章,http://www.shift8creative.com/posts/view/flexible-twitter-bootstrap-grid,以防你有兴趣。

简单地说,sweet...You不想改变Twitter的启动,因为它的更新频率足够高,你会一直在做你的编辑。

对于开源项目来说,这是一个很好的实践--如果你能以一种非破坏性和非侵入性的方式在它们上面做些什么的话,你应该选择先这样做。你最后的努力就是改变项目的来源。

票数 0
EN

Stack Overflow用户

发布于 2014-11-19 16:25:41

很晚了,但是我用了一个更少的解决方案,不需要修改Bootstrap。https://github.com/drew-r/bootstrap-n-column

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19253088

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档