title: Bootstrap icons are loaded locally but not when online
body: <p>Basically I got the following HTML:</p>
  
  <pre><code>&lt;button class="disabled btn-primary btn" type="submit" disabled=""&gt;
     &lt;i class="glyphicon glyphicon-ban-circle"&gt;&lt;/i&gt;
     Log in
  &lt;/button&gt;
  </code></pre>
  
  <p>Locally the icon displays fine on the button but when I run on Windows Azure I get the following button with a weird looks prefix instead of the icon:</p>
  
  <p><img src="https://i.stack.imgur.com/LqEaz.png" alt="enter image description here">
  Looking into this, I realized that when accessing my website locally the browser would attempt to load the file:
  /Content/fonts/glyphicons-halflings-regular.woff (which it did successfully)
  while when online (on azure) it would attempt to load at:
  /fonts/glyphicons-halflings-regular.woff</p>
  
  <p>Why does it not put the /Content prefix that it does locally.</p>
  
  <p>I'm using the standard bootstrap files and it is the EXACT same websites running locally and online.</p>
  
  <p>Also I'm bundling the content the following way:</p>
  
  <pre><code>    bundles.Add(new StyleBundle("~/Content/bootstrapcss").Include(
                  "~/Content/bootstrap/bootstrap.css"));
  </code></pre>
  
  <p>And the file structure looks the following:</p>
  
  <p><img src="https://i.stack.imgur.com/M9zry.png" alt="enter image description here"></p>
  
  <p>Also bootstrap is looking for the files like this:</p>
  
  <pre><code>url('../fonts/glyphicons-halflings-regular.woff') 
  </code></pre>
  
  <p>So I would suppose it would look in the Content folder and not root since it currently resides in the Content/bootstrapcss folder.</p>