Question

我在我的新项目中使用 Twitter Bootstrap 3 ，我想 NOT 在我的HTML标记中嵌入bootstrap的类（以避免与框架耦合）。所以我决定使用 LESS ，如here所述。

我尝试过类似的事情：

nav {
 .navbar;
 .navbar-fixed-top;
 .navbar-default;
}

它按预期工作，但我不能从Bootstrap的发行版中应用 theme.less 。有没有办法优雅地做到这一点？

Answer 1

默认情况下，theme.less将在不同的theme.css文件中编译。所以在bootstrap.less中没有导入theme.less。

所以例如编译：

@import "variables.less";
@import (reference) "mixins.less";
@import (reference) "navbar.less";
@import (reference) "utilities.less"; // for pull-left()
@import (reference) "forms.less"; // for form-inline()
@import (reference) "theme.less";

nav {
 .navbar;
 .navbar-fixed-top;
 .navbar-default;
}

生成的CSS将根据theme.less中的.navbar-default定义导航样式。

注意在navbar.less

之后导入theme.less

如何使用默认主题将Twitter Bootstrap LESS文件预处理为聚合样式文件？

1 个答案: