Web Development with Bootstrap 4 and Angular 2 - Second Edition

Navs

Bootstrap 4 provides a base style for navigation elements. It exposes the base nav class that shares general mark-up and styles by extending it. All navigation components are built on top of this by specifying additional styles. It doesn't have styles for the active state. By the way, you can use these methods for disabled buttons.

The base Nav

Any Nav component must have the outer navigation element based on ul or nav elements. Here is a list-based approach displaying navigation elements vertically:

<ul class="nav"> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Another link</a> </li> <li class="nav-item"> ...