twitter-bootstrap – 如何使用16或24列的引导

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何使用16或24列的引导前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要一些帮助设置bootstrap 2.0.4为16或24列,而不是默认的12列我不明白我做错了我尝试了自举选项在引导站点,我尝试更改变量中的网格变量没有文件和重新编译bootstrap.less使用Crunch,但两个试验我仍然有相同的结果.it仍然是12列!当我尝试设置一个div为span12它仍然需要整个屏幕?

任何人都可以指导我做错了,或者有人可以生成一个16和24列的版本,并将它们发送给我,这将是完美的

解决方法

方法适用于较早版本的Bootstrap – 2.3.1版

点击此链接自定义引导:http://twitter.github.com/bootstrap/customize.html

你会发现这样的例子。更改参数以满足您的需求。

16 Grid system with Gutter
@gridColumns: 16
@gridColumnWidth: 45px
@gridGutterWidth: 15px
@gridColumnWidth1200: 52.5px
@gridGutterWidth1200: 22.5px
@gridColumnWidth768: 31.5px
@gridGutterWidth768: 15px

16 Grid system without Gutter
@gridColumns: 16
@gridColumnWidth: 60px
@gridGutterWidth: 0px
@gridColumnWidth1200: 75px
@gridGutterWidth1200: 0px
@gridColumnWidth768: 46.5px
@gridGutterWidth768: 0px
24 Grid system with Gutter
@gridColumns: 24
@gridColumnWidth: 30px
@gridGutterWidth: 1px
@gridColumnWidth1200: 35px
@gridGutterWidth1200: 15px
@gridColumnWidth768: 21px
@gridGutterWidth768: 10px

24 Grid system without Gutter
@gridColumns: 24
@gridColumnWidth: 40px
@gridGutterWidth: 0px
@gridColumnWidth1200: 50px
@gridGutterWidth1200: 0px
@gridColumnWidth768: 31px
@gridGutterWidth768: 0px

猜你在找的Bootstrap相关文章