For example, when using the popular framework Bootstrap, tabbed navigation can be added with the following markup:
<ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Messages</a> </li> </ul>
In this example, no additional CSS is required to style this list element as a series of tabs; the framework simply handles this work for us.
Examples of popular frameworks include:
While these frameworks are powerful tools, keep in mind that they come and go: as a result, you should not plan on depending on a framework indefinitely.
Instead, ensure you have a fundamental understanding of what the framework provides and how you could write this “boilerplate” code for yourself.