网页服务器显示错误的布局

Question

我最近部署了我的asp.net mvc应用程序。

函数工作像他们应该，但我有一个设计问题。

我正在使用bootstrap

我在网站上有几个页面，有些页面需要稍微大一点，所以我在两个页面上最多有20个列，在另一个页面上最多有12个列。

我使用了两种不同的布局来使这个工作，其中一种加载带有12列的引导文件，另一种布局加载带有20列的文件。

包:

12列(boot .min)

        bundles.Add(new StyleBundle("~/energy/css").Include(
                  "~/Content/bootstrap.min.css",
                  "~/Content/bootstrap-datetimepicker.css",
                  "~/Content/bootstrap-select.css",
                 "~/Content/octicons.css",
                  "~/Content/css/select2.css",
                  "~/Content/Automation.css"));

20列(bootstrap)

        bundles.Add(new StyleBundle("~/energyTwo/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/bootstrap-datetimepicker.css",
                  "~/Content/bootstrap-select.css",
                 "~/Content/octicons.css",
                  "~/Content/css/select2.css",
                  "~/Content/Automation.css"));

layout1:

@Styles.Render("~/energy/css")

layout2:

@Styles.Render("~/energyTwo/css")

这在本地工作，但在web服务器上，由于某种原因，具有bootstrap -12列的文件总是被加载，而不是具有20列的文件。我做错了什么?

Answer 1

尝试用不同的方式重命名引导文件:

  bundles.Add(new StyleBundle("~/energy/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/bootstrap-datetimepicker.css",
                  "~/Content/bootstrap-select.css",
                 "~/Content/octicons.css",
                  "~/Content/css/select2.css",
                  "~/Content/Automation.css"));

bundles.Add(new StyleBundle("~/energyTwo/css").Include(
                  "~/Content/bootstrap.modified.css",
                  "~/Content/bootstrap-datetimepicker.css",
                  "~/Content/bootstrap-select.css",
                 "~/Content/octicons.css",
                  "~/Content/css/select2.css",
                  "~/Content/Automation.css"));

并且总是将css文件的完整版本指向bundle，因为它严重依赖于命名约定。

bundle和Minification将使用您指向的文件进行调试，并生成用于发布的缩小版本。例如，energy包将为Release配置生成bootstrap.min.css，为Debug配置使用bootstrap.css。