title: Rendering style bundles bundles not the same as style links
body: <p>I have an ASP.NET MVC application that uses the Metronic template from keenthemes.</p>
  
  <p>When i use bundles in my layout for my css , it doesnt work well. Most of the <strong><em>icons</em></strong> do not appear</p>
  
  <p>If i switch to direct links then everything is ok.</p>
  
  <p>Javascript is ok.</p>
  
  <p><strong>Bundles config and layout use:</strong></p>
  
  <pre><code>bundles.Add(new StyleBundle("~/bundles/metronic-app").Include(
      "~/assets/global/plugins/font-awesome/css/font-awesome.min.css",
      "~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css",
      "~/assets/global/plugins/uniform/css/uniform.default.css",
      "~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css",
      "~/assets/global/css/components.css",
      "~/assets/global/css/plugins.css",
      "~/assets/admin/layout2/css/layout.css",
      "~/assets/admin/layout2/css/themes/default.css",
      "~/assets/admin/layout2/css/custom.css"));
  
  
  @Styles.Render("~/bundles/metronic-app")
  </code></pre>
  
  <p><strong>Direct links:</strong></p>
  
  <pre><code>&lt;link href="~/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"&gt;
  &lt;link href="~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"&gt;
  &lt;link href="~/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"&gt;
  &lt;link href="~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" /&gt;
  &lt;!-- END GLOBAL MANDATORY STYLES --&gt;
  &lt;!-- BEGIN THEME STYLES --&gt;
  &lt;link href="~/assets/global/css/components.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="~/assets/global/css/plugins.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="~/assets/admin/layout2/css/layout.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link id="style_color" href="~/assets/admin/layout2/css/themes/default.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="~/assets/admin/layout2/css/custom.css" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p><strong>Here are the errors from chrome console:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/S7y8s.jpg" alt="console errors"></p>