This PR aims to do a bit more simplification and improvements to the navbar. It addresses the list of todos from #21460 (closed) as a follow-up to redoing the navs with flexbox.
- Makes the
.navbar
use flex andflex-direction: column
to start for fewer overrides and easier mobile-first styling. - Reorganizes the entire file for a more logical order, plus adds a contents list at the top.
- Removes the need to use
.nav
on our.navbar-nav
. - Removes the
flex-grow: 10
that was rather random from.navbar-nav
and uses.mr-auto
for easy spacing of flex items. (This was recently added to our flex utils docs.) - Clarifies some class names and directions in the docs.
- Updates all the examples.