Twitter bootstrap 使用编译的变量重写引导.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

我试图覆盖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?

这样就无法覆盖变量,因为它们已经编译成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文件。它帮助了我。非常感谢。很高兴能帮上忙!如果此解决方案适用于您,您是否可以将其标记为已接受(请参阅:)?谢谢