微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

原文地址:https://www.jb51.cc/bootstrap/234250.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐