twitter 引导覆盖和自定义样式

Question

我需要以下方面的帮助：

1. 推特引导
2. 少
3. 简单（可选）

我正在使用 twitter 引导程序，我修改了 variables.less 以满足我的配色方案，并且我使用 custom.less 作为我的布局等。我使用 simpless by wearkiss 来编译（或任何它被称为）的 css。

我最后使用将我的 custom.less 包含到“bootstrap.less”中 @import "custom.less" 并为我生成单个 *.css 文件，到目前为止我已经满意，但现在我需要分离核心 bootstrap.css 和我的 custom.css，现在这是我面临的问题，我在 custom.less 文件中使用核心类，例如：

1. .btn
2. .btn-primary 以及 mixins 等。

如果不将核心包含在我的 custom.less 中，我就不能包含 (.btn) 等。为了利用核心类，我有哪些选择（我不想重写核心中已经存在的内容）和仍然可以将核心 *.css 和我的 custom.css 分开吗？

Answer 1

适用于 LESS 1.5

从 LESS 1.5 开始，您可以仅出于参考目的导入文件，这样您就可以访问类和 mixin，而无需文件生成自己的输出 css。您可以在 custom.less 文件中这样做：

@import (reference) "bootstrap.less";

Answer 2

我们在这里做的是制作 2 个文件，custom.less 和 style.less。这些看起来有点像这样：

style.less

@import "bootstrap.less";
@import "custom.less"; /* Overrides the bootstrap.less */
... Other imports

custom.less

/* Some custom styles here, that override the bootstrap.less */
...

你必须编译 style.less。