newman
newman

Reputation: 6911

Why is my bootstrap styles in StyleBundle not loaded?

I'm trying to add bootstrap styles to an existing project using StyleBundle. The other styles in the same bundle works, but the bootstrap styles are not. Here is my bundle:

        bundles.Add(new StyleBundle("~/bundles/css").Include(
            "~/Content/boostrap/boostrap.css",
            "~/Content/boostrap/boostrap-responsive.css",
            "~/Content/boostrap/boostrap-theme.css",
            "~/Content/font-awesome.css",
            "~/Content/Site.css"));

@Styles.Render("~/bundles/css")
@Scripts.Render("~/bundles/modernizr")

In Google Chrome > F12 > Network > Stylesheets tab, I don't see the bootstrap styles, but I can see font-awesome.css and site.css styles.

However, if I drag-n-drop the styles into the index.html page header, I can see them.

<link href="~/Content/bootstrap/bootstrap.css" rel="stylesheet" />
<link href="~/Content/bootstrap/bootstrap-responsive.css" rel="stylesheet" />
<link href="~/Content/bootstrap/bootstrap-theme.css" rel="stylesheet" />

I don't see any error in the browser either. Is there anything special in bootstrap I missed?

Upvotes: 0

Views: 1010

Answers (1)

Koen van der Linden
Koen van der Linden

Reputation: 833

Your code states: ../boostrap/... you should be using /bootstrap/. So a simple typo.

Upvotes: 3

Related Questions