1

用例:
我有主样式表 -main.less另一个用于站点的特定部分 - app.less。我也使用 Twitter Bootstrap。例如,在main.less我有几个 bootstrap 覆盖,并且app.less我想将 Bootstap 类混合到我自己的类中(让我们采取 - .clearfix) - 以使我的代码更加干燥。所以我将导入bootstrap.css它并混合需要的类。首先在网页上我将包含 Bootstrap 和其他库,main.less然后是app.less. 这将使覆盖main.less清除,一切都变得混乱!

如何正确进行此类导入?是否有可能使用任何 CSS 预处理器,而不仅仅是 LESS?

4

2 回答 2

2

是否像在开发中那样将引导程序包含在较少的文件中?

我在 SCSS 中的方法是这样的:

  • style.scss(没有任何自己的声明)
    • 首先导入 bootstrap.scss
    • 然后导入站点特定的 .scss 文件,其中可能包含覆盖。

通过这样做,我可以完全控制文件的顺序,从而控制生成的 css 文件中的声明顺序。

当然,必须决定在包含时让 Bootstrap 通过 CDN 加载的能力进行交易,但在我的情况下,我还是使用了一个非常缩小的 Bootstrap 版本。

于 2013-09-10T13:16:20.270 回答
1

Bootstrap 不适合那样使用。我的意思是如果你使用编译版本,你不应该覆盖它。这个想法是使用较少的文件并修改它们。您使用的方法有点混乱,我认为没有优雅的方法。我建议避免包含已编译的 bootstrap.css 并检查纯较少版本。

于 2013-09-10T20:44:57.320 回答