Bundled css not displaying after deploy ... ASP.NET MVC4

Question

When deploying my MVC application, the .NET 4.5 framework is bundling & minifying my CSS. However, the resultant file is empty, therefore the CSS rules are not applied. In Chrome, I get a `Resource interpreted as Stylesheet but transferred with MIME type text/plain` warning. In IE9, I get a `CSS was ignored due to mime type mismatch` warning. This is what's in my BundleConfig ``` bundles.Add( new StyleBundle("~/Content/bootstrap").Include( "~/Content/bootstrap/bootstrap-responsive.css", "~/Content/bootstrap/bootstrap-editable.css", "~/Content/bootstrap/FileUpload.css")); ``` Here is my Layout head: ``` @ViewBag.Title @Styles.Render("~/Content/bootstrap")

Accepted Answer

The bundle name is the same as the folder name on the filesystem,

Change your bundle to

```
bundles.Add(
new StyleBundle("~/Content/bootstrapBundle").Include(
    "~/Content/bootstrap/bootstrap-responsive.css",
    "~/Content/bootstrap/bootstrap-editable.css",
    "~/Content/bootstrap/FileUpload.css"));
```

i.e. so the name of the bundle is NOT the name of a folder or file

Bundled css not displaying after deploy ... ASP.NET MVC4

Solution

Problem