Question

我正在使用MVC4并通过nuget添加了Bootstrap和Font Awesome。

我可以看到Bootstrap如何通过BootstrapBundleConfig.cs（由nuget包添加）捆绑在下面：

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

我有以下问题：

对于font-awesome，我没有看到上面类似的捆绑代码用于注册所需的css文件，有没有，或者我只是链接到内容目录<link href="~/Content/font-awesome.min.css" rel="stylesheet" />中的样式表 - 什么是正确的方法？
对于bootstrap，如果我不想要响应式布局，我是否只会从Include("~/Content/bootstrap.css", "~/Content/bootstrap-responsive.css"))注释掉bootstrap-responsive.css？

Answer 1

您可以阅读有关捆绑如何在asp.net网站上运行的更多信息。

似乎BootStrap nuget包已经为你做了一些捆绑。您可以修改此项以在现有捆绑包中包含Font Awesome，或将其设为自己的捆绑包

e.g。

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

}

然后，您需要确保_layout.cshtml呈现这些捆绑包（Bootstrap nuget可能没有为您完成此操作）。

e.g。

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

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

如果您不想在捆绑包中包含〜/ Content / bootstrap-responsive.css，请从Include方法中删除此字符串。

MVC4中的Bootstrap和font-awesome

1 个答案: