user2969720
user2969720

Reputation: 115

Visual Studio ASP.NET MVC Not Loading Local bootstrap.css

I installed bootstrap using nuget package manager and the css files are now in my /Content/ folder. However, when trying to reference them using:

<link rel="stylesheet"  href="∼/Content/bootstrap.min.css" />

It doesn't work. But when referencing them using a CDN like:

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

It does work. I can't seem to figure out what is wrong as I have never had this problem before. I'm using an Empty template with MVC.

EDIT: After some playing around, I found that it was failing to load /%E2%88%BC/Content/bootstrap.css but after removing the tilda (~) it works fine. Anybody got any ideas?

Upvotes: 6

Views: 8698

Answers (3)

Naveen Sachdeva
Naveen Sachdeva

Reputation: 11

Adding "app.UseStaticFiles()" to Startup.cs worked for me:

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseBrowserLink();
        app.UseStaticFiles();
        app.UseMvcWithDefaultRoute();
    }
}

Upvotes: 1

Tomas Vileikis
Tomas Vileikis

Reputation: 47

Now only Bootsrap 3 works with local links in .Net. Terrible. :( For 4, you must use CDN :

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

Upvotes: -2

Paddy
Paddy

Reputation: 33877

This is not a correct path, it uses the tilda, which is used on the server when rendering links in server controls in asp.net.

Instead of this:

<link rel="stylesheet"  href="∼/Content/bootstrap.min.css" />

Try this:

<link rel="stylesheet"  href="@Url.Content("∼/Content/bootstrap.min.css")" />

Assuming that you are using Razor.


Alternatively, consider looking into style and script bundling that you get with new asp.net sites. Can be very useful.

Upvotes: 2

Related Questions