Bootstrap nicht in MVC arbeitet

Question

Global.asax:

protected void Application_Start() 
     { 
      AreaRegistration.RegisterAllAreas(); 
      RouteConfig.RegisterRoutes(RouteTable.Routes); 
      MappingConfig.RegisterMaps(); 
      BundleConfig.RegisterBundles(BundleTable.Bundles); 
     } 

Bundleconfig:

public class BundleConfig 
{ 
    public static void RegisterBundles(BundleCollection bundles) 
    { 
     bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
     "~/Scripts/jquery-ui-{version}.js")); 

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

     bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
      "~/Content/themes/base/jquery.ui.core.css", 
      "~/Content/themes/base/jquery.ui.resizable.css", 
      "~/Content/themes/base/jquery.ui.selectable.css", 
      "~/Content/themes/base/jquery.ui.accordion.css", 
      "~/Content/themes/base/jquery.ui.autocomplete.css", 
      "~/Content/themes/base/jquery.ui.button.css", 
      "~/Content/themes/base/jquery.ui.dialog.css", 
      "~/Content/themes/base/jquery.ui.slider.css", 
      "~/Content/themes/base/jquery.ui.tabs.css", 
      "~/Content/themes/base/jquery.ui.datepicker.css", 
      "~/Content/themes/base/jquery.ui.progressbar.css", 
      "~/Content/themes/base/jquery.ui.theme.css")); 
    } 
} 

Ausblick:

<div class="container"> 
    <table class="table"> 
     <thead class="thead-default"> 
      <tr> 
       <th>#</th> 
       <th>@Html.DisplayNameFor(model => model.naam)</th> 
       <th>@Html.DisplayNameFor(model => model.beschrijving)</th> 
      </tr> 
     </thead> 
     <tbody> 
      @{ var i = 1;} 
      @foreach (var item in ViewBag.werkvormen) 
      { 
       <tr> 
        <th scope="row">@i</th> 
        <td>@item.naam</td> 
        <td>@item.beschrijving</td> 
       </tr> 
      } 
     </tbody> 
    </table> 

</div> 

So aber ich versuche Bootstrap zu verwenden Es tut nichts auf meiner Seite. "Verwenden von System.Web.Optimization;" wird hinzugefügt und ich bekomme keine Buildfehler/Fehler jeglicher Art. Also sollte es funktionieren, aber es ist nicht, warum?

Answer 1

Die Datei bundle.config macht nichts anderes, als Dateien zusammen zu gruppieren. Sie werden nicht automatisch jeder Seite hinzugefügt - Sie müssen auf Ihrer Layout-Seite angeben, welche Gruppe (n) Sie verwenden möchten.

Um welche Gruppe von Dateien zu verwenden, fügen Sie diese in den Header-Abschnitt Ihrer Layoutseite angeben:

@Styles.Render("~/styles/User") 

Auf diese Weise kann man eine zweite Gruppe "~/styles/Admin" genannt erstellen können, und die zwei Sätze von Dateien gewonnen sich nicht gegenseitig stören.

Das gleiche gilt für JavaScript-Dateien:

@Scripts.Render("~/bundles/jqueryui")