Question

我创建了一个ASP.NET表单站点作为沙箱，我使用NuGet添加Bootstrap，我刚刚学习。我想更改主题，所以我下载了一个主题，并将最小化的文件重命名为theme1-bootstrap.min.css。如果我只是替换现有的boostrap.min.css，一切都按预期工作。

然而，我正在考虑（可能不正确）这不是一个好主意，最好在原始bootstrap.min.css之后加载我的主题bootstrap.min.css。这就是我使用的引用对html文件中的语句所做的。

但ASP.NET项目与我使用的html参考有点不同，我无法在任何地方找到任何语句。我认为它与Bundle.config或site.master中的行有关 <webopt:bundlereference runat="server" path="~/Content/css" />

我很高兴知道发生了什么以及应用我的主题的最佳做法是什么。感谢。

Answer 1

看看〜/ AppStart / BundleConfig.cs：

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));

这意味着Web Optimization将按原样或bootstrap.css后缀搜索文件site.css和.min。因此，如果您需要将theme1-bootstrap.min.css添加到捆绑包中 - 您需要像这样扩展它：

    bundles.Add(new StyleBundle("~/Content/css").Include(
              "~/Content/bootstrap.css",
              "~/Content/site.css",
              "~/Content/theme1-bootstrap.css"));

如何使用WebOptimization和Bundling将CSS添加到ASP.NET站点

1 个答案: