twitter bootstrap覆盖和自定义样式

Question

我需要帮助：

1. Twitter Bootstrap
2. LESS
3. Simpless（可选）

我正在使用twitter bootstrap，我修改了变量。无法满足我的配色方案，我也使用custom.less作为我的布局等。我使用wessiss的simpless编译（或者不管它叫什么）更少到css。

我最后在@import“custom.less”中使用include my custom.less到“bootstrap.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。