https://getbootstrap.com/ -> Get Started Button (to find all the good stuff).
There is a ton of stuff to digest in the Bootsrap Documentation, so here is a brief primer.
-
Introduction - Has Starter Template and other info, but you don't need the other stuff from this section.
It's interesting that they use a CSS Normalizer called "Reboot". It's built in.
-
Layout - Overview Section - Among other things, shows their @media query breakpoints, which are more elaborate than W3.CSS.
-
Layout - Grid Section - The responsive column/grid stuff is here. The "How it Works" and "Responsive Classes" sub-sections are good starting points.
-
Components -> Most of the other interesting stuff to play with, including the Navbar section, is in here.
Below is a container-fluid, which is just what I usually call a full-width stripe.
It contains a row of responsive columns that uses lg and md device column sizing.
Below is a container, which on a large screen looks like what I usually call centered fixed-width content.
However, when you resize the browser window, you will see it scales down across the breakpoints to center the content different screen sizes.
That's actually very cool.
It contains a row of responsive columns that uses lg, md, and sm device column sizing.