.nav component does not include any
.active state. The following examples include the class, mainly to demonstrate that this particular class does not trigger any special styling.
Navigation available in Bootstrap share general markup and styles, from the base
.nav class to the active and disabled states. Swap modifier classes to switch between each style.
.nav component is built with flexbox and provide a strong foundation for building all types of navigation components. It includes some style overrides (for working with lists), some link padding for larger hit areas, and basic disabled styling.
Classes are used throughout, so your markup can be super flexible. Use
< ul >s like above, or roll your own with say a
< nav > element. Because the
display: flex, the nav links behave the same as nav items would, but without the extra markup.