Webserver zeigt falsches Layout

Question

Ive kürzlich meine asp.net mvc-Anwendung bereitgestellt.

Funktionen funktionieren wie sie sind, aber ich habe ein Design-Problem.

I Bootstrap

verwende ich habe ein paar Seiten auf der Website und einige Seiten benötigt ein wenig größer sein, damit ich bis zu 20 colmns auf zwei Seiten und maximal 12 Spalten auf einer anderen Seite haben.

Ich benutze zwei getrennte Layouts, um dies zu tun, wo man die Bootstrap-Datei mit 12 Spalten lädt und das Layout die Datei mit 20 Spalten loht.

Bundle:

12 Spalten (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 Spalten (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:

Dies funktioniert localy aber auf dem Webserver aus irgendeinem Grund wird die Datei mit Bootstrap -12 Spalten immer geladen und nicht die mit 20 Spalten. Was mache ich falsch?

Answer 1

Versuchen Sie Ihre Bootstrap-Umbenennen von Dateien anders:

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")); 

Und immer die Vollversionen von CSS-Dateien zu Bündel zeigen, wie es auf Namenskonventionen stark angewiesen ist.

Bundling und Minification verwendet die Dateien, die Sie für Debugging-Zwecke zeigen, und generiert veraltete Versionen für die Veröffentlichung. Beispiel: energy bundle generiert bootstrap.min.css für Release Konfiguration und bootstrap.css für Debug Konfiguration.