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

发布时间：2020-12-18 00:12:54 所属栏目：安全来源：网络整理

导读：我需要一些帮助设置bootstrap 2.0.4为16或24列，而不是默认的12列我不明白我做错了我尝试了自举选项在引导站点，我尝试更改变量中的网格变量没有文件和重新编译bootstrap.less使用Crunch，但两个试验我仍然有相同的结果.it仍然是12列！当我尝试设置一个div为

我需要一些帮助设置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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!