title: How to include Bootstrap icons in ASP.NET MVC4?
body: <p>Basically after a bunch of work I've finally managed to get up and running with Bootstrap in my ASP.NET MVC4 project.</p>
  
  <p>Here is my folder structure:</p>
  
  <p><img src="https://i.stack.imgur.com/HzN2m.png" alt="enter image description here"></p>
  
  <p>Here is my bundleconfig:</p>
  
  <pre><code>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"));
           }
  </code></pre>
  
  <p>However when I try to add an HTML element with an icon:</p>
  
  <pre><code>&lt;button type="submit" class="btn"&gt;&lt;i class="icon-search"&gt;&lt;/i&gt;&lt;/button&gt;
  </code></pre>
  
  <p>The icon does not appear.</p>