Click here to Skip to main content
15,894,646 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.

https://ibb.co/g7dx3gC Link to ASP.NET version
https://ibb.co/93JCvKB Picture of the Html/CSS of the ASP.NET
https://ibb.co/9rVDKvy 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.
Posted
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[^]
 
Share this answer
 

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