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

Question

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?

Have you tried using fiddler or F12 dev tools to see if it is attempting to download the file and failing? — David Martin
– David Martin, Commented May 14, 2014 at 8:42
Yes it's failing to download bootstrap.css and bootstrap-theme.css. 404 not found. — user2969720
– user2969720, Commented May 14, 2014 at 9:02
Do any of the answers here help? stackoverflow.com/questions/10853316/… — Kevin Main
– Kevin Main, Commented May 14, 2014 at 10:25
I FINALLY figured out what the problem was. I'm reading an e-book for ASP.NET MVC and as the examples are big, I have to copy and paste (my fault, I know) and it turns out that the because the font is different in the book, it doesn't pick it up. So I just typed the ~ myself instead of copying the ∼ from the book. Sorry to waste everyone's time. — user2969720
– user2969720, Commented May 22, 2014 at 10:03
I think it is necessary to add the bundle: stackoverflow.com/questions/20869907/… — Francisco Lemos
– Francisco Lemos, Commented Nov 1, 2021 at 19:10

Paddy · Accepted Answer · 2014-05-14 10:31:16Z

2

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.

edited May 14, 2014 at 10:31

answered May 14, 2014 at 8:48

Paddy

34k15 gold badges82 silver badges121 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2969720 Over a year ago

Hmm, that doesn't seem to be working. Breaks the application with "Compiler Error Message: CS1056: Unexpected character '∼'". My intellisense doesn't seem to like anything that I'm passing to the @Url.Content.

user2969720 Over a year ago

Doesn't work with passing the string in quotes either.

Paddy Over a year ago

Sorry, missed the quotes. Having the string passed in quotes works for me.

Naveen Sachdeva · Accepted Answer · 2020-02-23 06:42:56Z

1

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();
    }
}

answered Feb 23, 2020 at 6:42

Naveen Sachdeva

111 bronze badge

Comments

Tomas Vileikis · Accepted Answer · 2019-07-21 17:34:48Z

-2

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">

answered Jul 21, 2019 at 17:34

Tomas Vileikis

476 bronze badges

Collectives™ on Stack Overflow

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

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related