我正在尝试覆盖@grid-float-breakpoint
:在variables.less文件中。(为了调整顶部菜单的折叠宽度)
在我的索引文件中,我导入引导核心文件css文件:
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
然后导入编译和调整后的变量文件。
<link rel="stylesheet/less" type="text/css" href="less/variables.less">
为什么我的variables.less不覆盖bootstrap.min.css?
1条答案
按热度按时间t9eec4r01#
因为变量已经被编译成CSS了,所以不可能用这种方式覆盖变量。预处理器比较少,所以你需要覆盖它们,然后编译并包含编译后的css。为此,你可以使用各种命令行工具(我使用http://gruntjs.com/和https://npmjs.org/package/grunt-contrib-less),或者有一些应用程序!
请注意,您需要一个单独的less文件,其中包含您的自定义值,然后在导入变量后导入它。
有关详细信息,请参阅此答案Overriding Bootstrap LESS variables after @import。