Bootstrap und font-awesome in MVC4

Ich bin mit MVC4 und Hinzugefügt haben, Bootstrap und Font Awesome über nuget.

Kann ich sehen, wie Bootstrap wird gebündelt über BootstrapBundleConfig.cs (wurde Hinzugefügt durch das nuget-Paket) unten:

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

Habe ich folgende Fragen:

  1. Für font-awesome, ich sehe nicht, ähnlich wie die Bündelung von code, der oben für die Anmeldung die gewünschte css-Dateien, gibt es eine, oder muss ich einfach ein link auf das stylesheet in das Verzeichnis content <link href="~/Content/font-awesome.min.css" /> - was ist der richtige Weg?
  2. Für bootstrap -, wenn ich nicht wollen, dass ein responsive layout, würde ich einfach kommentieren Sie die bootstrap-responsive.css von Include("~/Content/bootstrap.css", "~/Content/bootstrap-responsive.css"))?

InformationsquelleAutor g18c | 2013-06-27

  1. 8

    Lesen Sie mehr darüber, wie die Bündelung funktioniert auf der asp.net Website.

    Scheint es, dass die BootStrap-nuget-Paket hat einige bundles für Sie. Sie ändern könnte, dies zu Font Awesome in das bestehende bundle, oder machen Sie es, es ist ein eigenes bundle

    z.B.

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

}

    Dann, müssen Sie sicherstellen, dass Ihre _layout.cshtml macht diese bundles (die Bootstrap-nuget-kann nicht tun dies für Sie).

    z.B.

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

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

    Wenn Sie nicht wollen, zu zählen " ~/Content/bootstrap-responsive.css in Ihrem Bündel, einfache löschen dieser string aus der Include Methode.

    InformationsquelleAutor StanK

Schreibe einen Kommentar