1

我正在尝试覆盖@grid-float-breakpointvariables.less 文件中的 : 。（为了调整顶部菜单的折叠宽度）

在我的索引文件中，我正在导入 Bootstrap 核心文件 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？

4

1 回答 1

2

无法以这种方式覆盖变量，因为它们已经编译为 CSS。Less 是一个预处理器，因此您需要覆盖它们，然后编译并包含您编译的 css。为此，您可以使用各种命令行工具（我使用http://gruntjs.com/和https://npmjs.org/package/grunt-contrib-less）或者有应用程序！

请注意，您需要一个单独的包含自定义值的 less 文件，然后在导入 variables.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 */

有关更多详细信息，请参阅@import 后覆盖 Bootstrap LESS 变量的答案。

于 2013-10-22T12:09:38.287 回答