Asp.net mvc 如何在ASP.NET MVC4中包含引导图标？

基本上，经过一系列的工作，我终于在我的ASP.NETMVC4项目中启动并运行了Bootstrap

以下是我的文件夹结构：

这是我的捆绑图：

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

            bundles.Add(new ScriptBundle("~/bundles/bootstrapjs").Include(
                        "~/Scripts/bootstrap.js"));

            bundles.Add(new ScriptBundle("~/Content/bootstrapcss").Include(
                        "~/Content/bootstrap.css",
                        "~/Content/bootstrap-responsive.css"));
         }

但是，当我尝试添加带有图标的HTML元素时：

<button type="submit" class="btn"><i class="icon-search"></i></button>

---

图标不会出现。

最后一个捆绑包需要是

样式捆绑包

，而不是

脚本捆绑包

。下面是我的一个项目中的一个示例：

bundles.Add(new StyleBundle("~/bundles/css").Include(
                        "~/content/css/bootstrap.min.css",
                        "~/content/css/font-awesome.min.css",
                        "~/content/css/common.css"));

我应该注意，我将CSS文件组织到一个特定的文件夹中，这个特定的项目使用glyphicon来代替glyphicon

---

如注释所述，默认引导包假定CSS文件位于一个文件夹中，图标精灵文件位于与CSS文件夹相同级别的另一个文件夹中。基于该假设，精灵的路径设置为

。/img/glyphicons halflings.png“

。如果您的文件不在同一位置，您需要手动编辑路径，或者使用创建一个下载，该下载具有精灵文件的明暗版本的正确路径。

啊，我已将其更改为ScriptBundle，但图标仍然不显示。如果打开Firebug（或浏览器的本机开发工具），您在精灵文件上看到404错误了吗？好的，那么Bootstrap尝试从哪个路径加载精灵文件？它尝试从：/img/glyphicons-halflings.png非ContentYeah，没有初始的

，该路径将从站点根解析。因此，将其更改为

/content/img/glyphicons-halflings.png

或在开头添加

。