我一直在调查,因为我认为花一些时间来学习定制Bootstrap的最佳实践是值得的.
我可以看到有一个友好的页面可以从http://twitter.github.io/bootstrap/customize.html中有选择地自定义元素,但是我希望在不触及原始引导源文件的情况下获得更多的控制权.
首先,我基本上想测试将网格从12列更改为16列,为此,我创建了自己的变量less文件并添加了@gridColumns:16; 仅对此文件并在bootstrap.less中导入此自定义较少,如下所示.
// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";
**@import "../custom-variables.less"; //Override variables**
然后,使用WinLess编译bootstrap.less文件以获取带有重写变量导入调用的新bootstrap.css,并将css与html文件链接,但网格不会更改为16列.
任何人都可以指出我做错了什么？