CSS File Not Included in Razor Page

Question

I am beginner in Razor pages concepts. I started to add a razor page in an already existing project. It's a home page and I should be routed to it on start. I added a link for css files but they are not included. I really don't have an idea why this happen. I am sure that the paths are right and I located them properly in the wwwroot. I am stuck on that few days ago. Any thoughts why might this happen?

@model MyProject.Area
@{
    Layout = null;
}

user_19351581 · Answer

You need to change:

To:

Without / in the final. Hope I helped you. Have a wonderful weekend.

Regards

user_13593736 · Answer

I'm afraid maybe the path of css is not correct.The bootstrap.css file is in /lib/bootstrap/dist/css by default.So the css reference will be like:

If the paths are correct.Try to make sure the project contains app.UseStaticFiles(); in Startup.cs like this:

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            ...
            app.UseHttpsRedirection();
            

            app.UseStaticFiles();

            app.UseRouting();

            ...
        }

CSS File Not Included in Razor Page

2 Answers