Website layout is not working in .NET Web Application

Question

Hi,

I have created a website using a ASP.NET Web Application (.NET Framework). I have used ADO.NET Entity Data Model because I had used EF Desiner from databases then I installed EF 6 through manage nuggets packet and build was sucessfull also I used MVC 5 controller wirh view, using entity framework. After doing all this when I test my webpage using IIS Express it doesn’t show me any stylesheet on websiteit seems like css is not working can I get some help to solve this issue. I have attached pictures of my project files I see and the way webpage looks.

Thank you,

Answer 1

The first step is to look at the URL that caused the 404 and verify the file exist in the expected folder. Your original screenshot shows you only have the site.css in the Content folder. If you used the MVC template to create the project then you should see bootstrap css files too.

The default MVC template has the following files in the script folder.

It is not clear what happened. Maybe the files were deleted or moved??? You can always create a new MVC project and compare the differences with your project. Or perhaps explain what you are trying to do.

If you moved the files then you must also update the BundleConfig.cs file to point to the new file locations.

Bundling and Minification

Answer 2

use the browser debug tools. the most issue is CSS file not found, though it looks like the page has styles applied.

Answer 3

It is fixed now it was missing jquery

Answer 4

Hi guys,

I was missing jquery 3.4.1 and that’s what it was showing me when I inspected my webpage but I don’t know why it is still not loading css in my webpage. Can anyone help?

Answer 5

Use the browser's dev tools to make sure there are no 404 (Not Found) error when referencing the CSS files. We also see this symptom on this forum when upgrading Bootstrap without following the Bootstrap migration documentation.