Unable to use Bootstrap though it's added to my project

Question

I feel so stupid putting this question out there...

I'm using Visual Studio 2019. I used the NuGet Packager Manager to add Bootstrap 4.5 to my .Net Core 3.1 Web project. When I did so, it added the following:

wwwroot
    css
        bootstrap.css
        bootstrap.grid.css
        bootstrap-reboot.css
    js
        bootstrap.js

However, the folder and the files all have a blue arrow on them, signifying that they are links. When I look in the project file, I see:


    
        Always

Whenever I try to add a link to the css file in my _Layout.cshtml file, it doesn't show in the autocomplete.

Is there something I'm supposed to do to the NuGet package? Or to the wwwroot folder? Or is there a special way I'm supposed to access the css/js file? I've done some googling but I don't see anything that reference it. Any help is greatly appreciated. Thanks.

user_65432 · Answer

There isn't any special way to add the bootstrap links. They are just added as a link in your _Layout.cshtml file.

In the section add a link to the css file:

At the end of the tag add a link to the javascript file:

You can use the minified version in production this way:

Unable to use Bootstrap though it's added to my project

1 Answers