Link to home
Create AccountLog in
Avatar of Murray Brown
Murray BrownFlag for United Kingdom of Great Britain and Northern Ireland

asked on

ASP.net Latest bootstrap for mvc core web app

Hi
I am new to ASP.net much core in Visual studio 2022. I want to find out how to install the latest bootstrap for a responsive website an great looking data tables etc. What should I use?
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
Avatar of Murray Brown

ASKER

Thanks Scott. 
Your welcome.

Take some time and just play with making some pages with Bootstrap using just static HTML to get the hang of it. Try and recreate one of your pages with static data. Once you have that, then work on incorporating bootstrap into your razor code. The reason for this is Bootstrap (actually creating a responsive site) can be hard to wrap your head around at first because you are creating two to three versions of the page at the same time. It confuses people at first and when you add that to mixing in razor pages, I think it just makes things more confusing.

There are some example pages to work off of https://getbootstrap.com/docs/5.1/examples/  Keeping it simple you have
<header></header>
<section class="container">
      <div class="row">
             <div class="col-md-6">left / top</div>
              <div class="col-md-6">right/ bottom</div>
           
      </div>
</section>

Open in new window

What happens above is there will be two columns on medium and larger screens. On a small or extra small screen, the left will stack on top of the right side.  This is over simplified of course. But once you have this down, then build your razor pages to incorporate the bootstrap classes. 
That is great advice. Thanks again