Click here to Skip to main content
14,875,778 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Iam new to making a ASP.NET Core web application and i have most of it finished however I've come across a styling issue,where I cannot fit the size of some of the elements to the full width of the screen.Ive tried the css + html code separately to the ASP.NET and it works fine.Can anyone tell me where i am going wrong since the html/css works when i use it outside the ASP.NET web application in c#,but in the web application is squishes the elements in the center. Thanks in advance. Link to ASP.NET version Picture of the Html/CSS of the ASP.NET Working one with no ASP.NET

What I have tried:

Ive tried looking and inspecting the website but cant find anything that will let me put my elements to fit the full width of the website.
Updated 21-Feb-21 23:28pm

1 solution

Remove the <div class="container">, or change it to <div class="container-fluid">.

Bootstrap's container has a max-width set at various breakpoints:
Overview · Bootstrap v4.6[^]

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900