我需要一些帮助设置bootstrap 2.0.4为16或24列而不是默认的12列我无法理解我做错了什么我尝试了bootstrap网站上的自定义选项我尝试更改变量中的网格变量.less文件并使用Crunch重新编译bootstrap.less但是对于两个试验我仍然有相同的结果.仍然是12列!当我尝试将div设置为span12时,它仍然需要整个屏幕？
任何人都可以指导我,我正在做什么,或者如果有人可以生成16和24列版本并将它们发送给我,这将是完美的
编辑:这个问题被标记为重复这一个,但看到接近这个答案的末尾增编,看看这个问题不问,什么回答不回答.
我正在使用一个使用Bootstrap 3的Web应用程序.我有一个基本的3层覆盖架构,其中1)Bootstrap的_variables.scss包含核心变量,2)_app-variables.scss包含覆盖Bootstrap的基本app变量_variables.scss和3)_client-variables.scss包含覆盖_app-variables.scss的特定于客户端的自定义.#2或#3(或两者)都可以是空白文件.所以这是覆盖顺序:
_variables.scss // Bootstrap's core
_app-variables.scss // App base
_client-variables.scss // Client-specific
在理论上足够简单,但由于我称之为"变量依赖"而出现问题 - 变量被定义为其他变量.例如:
$brand: blue;
$text: $brand;
现在,假设上述变量在_variables.scss中定义.然后让我们说在_app-variables.scss中,我只覆盖$ brand变量使其变为红色:$brand: red.由于SASS按顺序逐行解释代码,它首先将$ brand设置为蓝色,然后将$ text设置为蓝色(因为$ brand在此时为蓝色),最后将$ brand设置为红色.因此最终结果是,之后更改$品牌不会影响任何基于旧品牌价值的变量:
_variables.scss
---------------------
$brand: blue;
$text: $brand; // $text = blue
.
.
.
_app-variables.scss
---------------------
$brand: red; // this does not affect $text, b/c $text was already set to blue above.
但显然这不是我想要的 - 我希望我的$品牌改变能够影响所有依赖它的东西.为了正确覆盖变量,我现在只是将_variables.scss的完整副本复制到_app-variables.scss中,然后在_app-variables中进行修改.同样地,我将_app-variables.scss的完整副本复制到_client-variables.scss中,然后在_client-variables.scss中进行修改.从维护的角度来看,这显然不太理想(轻描淡写) - 每当我对_variables.scss(在Bootstrap升级的情况下)或_app-variables.scss进行修改时,我都必须手动涓流改变文件覆盖堆栈.此外,我不得不重新宣布一些我甚至可能无法克服的变量.
我发现LESS有他们所谓的"延迟加载"(http://lesscss.org/features/#variables-feature-lazy-loading),其中变量的最后一个定义在任何地方使用,甚至在最后一个定义之前.我相信这会解决我的问题.但有没有人知道使用SASS的适当的变量覆盖解决方案？
附录:
这是我已经考虑过的一种技术:以相反的顺序包含文件,!default用于所有变量(这个技术也在这个问题的答案中提出).所以这是如何发挥作用: …