Twitter bootstrap 使用编译的变量重写引导.less
我试图覆盖variables.less文件中的Twitter bootstrap 使用编译的变量重写引导.less,twitter-bootstrap,overriding,collapse,nav,Twitter Bootstrap,Overriding,Collapse,Nav,我试图覆盖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/cs
@网格浮点断点。(以调整顶部菜单的折叠宽度)
在我的索引文件中,我正在导入引导核心文件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?这样就无法覆盖变量,因为它们已经编译成css。Less是一个预处理器,所以您需要重写它们,然后编译并包含编译后的css。为此,您可以使用各种命令行工具(我使用和)或应用程序
请注意,您需要一个单独的less文件,其中包含您的自定义值,然后在导入变量后导入它
@import "bootstrap.less"; /* Imports all the bootstrap less files in the correct order, including variables.less */
@import "custom-variables.less"; /* Your custom less variables */
有关更多详细信息,请参阅此答案。我没有想到创建另一个自定义variables.less文件。它帮助了我。非常感谢。很高兴能帮上忙!如果此解决方案适用于您,您是否可以将其标记为已接受(请参阅:)?谢谢