Question

我是否通过在bootstrap.less文件中导入Site.less来包含整个Bootstrap css？我正在覆盖少量的bootstrap类。

~/Content/less/Site.less;通过导入引导程序文件输出（Site.css）现在包含所有引导程序css？

@import "less/bootstrap.less";

.btn {
    background-color: red;
}

.btn-lrg {
      font-size: ...;
}

在我的HTML中，我这样导入：

<link href="/Content/bootstrap/bootstrap.less" rel="stylesheet"/> <!-- Is this redundant now? -->
<link href="/Content/less/Site.less" rel="stylesheet"/>

PS：这是否是覆盖引导类的行业标准方法？有更好的方法吗？

Answer 1

是您现在可能会应用和覆盖大量冗余CSS。检查此问题的最简单方法是在浏览器中查看开发人员工具。他们中的大多数现在都有不错的CSS调试器，你会显示被覆盖的规则及其源文件。

在回答您的第二个问题时，并不存在真正的行业标准＆＃39;如何使用Bootstrap。有不同的做法，每种做法都有不同的优点适合特定情况。

您可以覆盖编译后的类，例如：编译bootstrap.css定义.btn，然后您在自己的CSS文件中重新定义并覆盖相同的选择器。

您还可以编辑bootstrap.less，直接修改以适合您的样式。这样便携性较差，但最终可能会使用更精简的代码。

还有一件事：有一个与性能有关的问题需要注意。根据{{3}}，使用客户端Less编译器是＆＃34;不推荐用于生产。＆＃34;

事实上，调试起来可能更难。使用源映射更好地将您的Less代码预编译到CSS中，这样您就可以从浏览器的调试器中找到返回相关.less文件的方式：）

Bootstrap导入两次吗？

1 个答案: