2013-06-27 5 views
6

Używam MVC4 i dodałem Bootstrap i Font Awesome przez nuget.Bootstrap i font-awesome w MVC4

widzę jak Bootstrap zostanie spakowane w poprzez BootstrapBundleConfig.cs (który został dodany przez pakiet Nuget) poniżej:

public static void RegisterBundles() 
{ 
    BundleTable.Bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include("~/Scripts/bootstrap*")); 
    BundleTable.Bundles.Add(new StyleBundle("~/Content/bootstrap").Include("~/Content/bootstrap.css", "~/Content/bootstrap-responsive.css")); 
} 

Mam następujące pytania:

  1. Dla font-niesamowite, ja nie widzisz podobnego kodu dołączającego do powyższego dla rejestracji wymaganych plików css, czy jest jakiś, czy też po prostu link do arkusza stylów w katalogu zawartości <link href="~/Content/font-awesome.min.css" rel="stylesheet" /> - jaki jest właściwy sposób?
  2. Dla bootstrap, jeśli nie chcę układu elastycznego, czy mogę po prostu skomentować bootstrap-responsive.css z Include("~/Content/bootstrap.css", "~/Content/bootstrap-responsive.css"))?

Odpowiedz

8

Możesz przeczytać więcej o tym, jak działa sprzedaż grupowa w witrynie asp.net.

Wygląda na to, że pakiet BootStrap nuget przygotował dla Ciebie kilka pakietów. Możesz to zmodyfikować, aby włączyć funkcję Font Awesome w istniejącym pakiecie, lub sprawić, że będzie to własny pakiet, np.

np.

public static void RegisterBundles() 
{ 
    BundleTable.Bundles 
     .Add(new ScriptBundle("~/bundles/bootstrap") 
     .Include("~/Scripts/bootstrap*")); 

    // Either add it to the existing bundle 
    BundleTable.Bundles 
     .Add(new StyleBundle("~/Content/bootstrap") 
     .Include("~/Content/bootstrap.css", 
       "~/Content/bootstrap-responsive.css", 
       "~/Content/font-awesome.css")); 

    // Or make it it's own bundle 
    BundleTable.Bundles 
     .Add(new StyleBundle("~/Content/font-awesome") 
     .Include("~/Content/font-awesome.css")); 

} 

Następnie należy upewnić się, że _layout.cshtml renderuje te pakiety (the Nuget Bootstrap nie może zrobić to za Ciebie).

np.

@Styles.Render("~/Content/bootstrap") 

// Or, if you made it it's own bundle 
@Styles.Render("~/Content/font-awesome") 

Jeśli nie chcesz dołączyć ~/content/bootstrap-responsive.css w swoim pakiecie, prosty usunąć ten ciąg z metodą Include.