The base .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.
To convey the active state to assistive technologies, use the aria-current attribute — using the page value for current page, or true for the current item in a set.
.nav class to the active and disabled states. Swap modifier classes to switch between each style.
Take that same HTML, but use .nav-pills instead:
Take that same HTML, but use .nav-underline instead:
