Horizontal Navbar
Horizontal Navbar Example
Alignment
The navbar allows some nav items to be positioned to the right of the navbar by enabling ‘.ml-auto’ on the first of the links we want to position to the right. These links should differ from regular page links and have a more ‘action-oriented’ role on your site.
Icons
We include icons for home and search. More custom icons can be added by using font icon libraries or custom making your own.
Optional nav classes
.sticky-top – enables a navbar that sticks to the top of the browser window when scrolling
. nav-fill – stretches the navbar links to fit the width of the navbar
. navbar-lg – if you have a lot of navigation items or long ones, using this class will reduce the amount of padding to help them fit. try using this class with with .nav-fill