title: 403 Error on bundling CSS
body: <p>I have the following error on my single page app:</p>
  
  <p><a href="http://screencast.com/t/sEYhyowXTqxR" rel="nofollow">http://screencast.com/t/sEYhyowXTqxR</a></p>
  
  <p><strong>Therefore the page looks ugly.</strong></p>
  
  <p>My bundleconfig.cs I havent modified it:</p>
  
  <pre><code> public static void RegisterBundles(BundleCollection bundles)
          {
              bundles.IgnoreList.Clear();
              AddDefaultIgnorePatterns(bundles.IgnoreList);
  
              bundles.Add(
                  new ScriptBundle("~/scripts/modernizr")
                      .Include("~/scripts/modernizr-{version}.js"));
  
              bundles.Add(
                new ScriptBundle("~/scripts/vendor")
                  .Include("~/scripts/jquery-{version}.min.js")
                  .Include("~/scripts/bootstrap.min.js")
                );
  
              bundles.Add(
               new StyleBundle("~/Content/css")
                  .Include("~/Content/ie10mobile.css") // Must be first. IE10 mobile viewport fix
                  .Include("~/Content/bootstrap.min.css")
                  .Include("~/Content/bootstrap-responsive.min.css")
                  .Include("~/Content/font-awesome.min.css")
                  .Include("~/Content/styles.css")
               );
          }
  </code></pre>
  
  <p>and my VS: (everything looks fine to me)</p>
  
  <p><a href="http://screencast.com/t/TQFAPCEsV" rel="nofollow">http://screencast.com/t/TQFAPCEsV</a></p>
  
  <p>Update:</p>
  
  <p>This happened when I changed debug mode to false on web.config, when debug mode is true the webpage renders fine  and no error is shown on the network tab</p>