ASP.net Latest bootstrap for mvc core web app

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>

Select allOpen 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