This example uses color (bg-light) and spacing (my-2, my-lg-0, mr-sm-0, my-sm-0) utility classes. Force them to be printed by adding. Here are some examples to demonstrate. 4. When you hovering on the navigation links, it will drop-down a submenu with more detailed information and lists for you to go to other pages faster. And because we use classes for our navs, you can avoid the list-based approach entirely if you like. Navbar navigation links build on our .nav options with their own modifier class and require the use of toggler classes for proper responsive styling. Color schemes supports the standard Bootstrap v4 available background color variants. Note: This tutorial is a part of our Free Bootstrap 4 Course, and we have already set up this project from scratch.If you wish to follow along from the beginning, be sure to check out the course and follow along from the beginning. Reversing your markup will reverse the placement of the toggler. For alignment we’ll be using the auto-margin or flexbox utility classes. 3. Navbar navigation links build on our .nav options with their own modifier class and require the use of toggler classes for proper responsive styling. Usenavbar-dark for lighter text color (white), or navbar-light for darker text color (black). If you want to set widths on specific Navbar components uses the sizing utils. Write on Medium, /* change the color of active or hovered links */,