Question

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

函数像他们想象的那样工作，但我有一个设计问题。

我正在使用bootstrap

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

我使用了两个单独的布局来完成这项工作，其中一个加载带有12列的引导程序文件，并且其中包含20列的文件。

束：

12列（bootstrap.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"));

布局1：

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

布局2：

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

这可以在本地工作，但在网络服务器上由于某种原因，带有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，因为它严重依赖于命名约定。

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

webserver显示错误的布局

1 个答案: