Navbar options
Top navigation bar examples - custom template navbar, navigation links and items, text, form, buttons etc.
Template navbar
This is a default navbar of Londinium template - only icons with labels, without text and left menu. Including toggle-sidebar button
Default navbar
Default Bootstrap navbar with left/right menus, dropdowns, icons and labels. Add .navbar-fixed-top to make it sticked to top.
Navbar with form
Place form content within .navbar-form for proper vertical alignment and collapsed behavior in narrow viewports. Use the alignment options to decide where it resides within the navbar content
Navbar with button
Add the .navbar-btn class to elements not residing in a to vertically center them in the navbar.
Navbar with text
For folks using standard links that are not within the regular navbar navigation component, use the .navbar-link class to add the proper colors for the default and inverse navbar options.
Template navbar
This is a default navbar of Londinium template - only icons with labels, without text and left menu. Including toggle-sidebar button
Default navbar
Default Bootstrap navbar with left/right menus, dropdowns, icons and labels. Add .navbar-fixed-top to make it sticked to top.
Navbar with form
Place form content within .navbar-form for proper vertical alignment and collapsed behavior in narrow viewports. Use the alignment options to decide where it resides within the navbar content
Navbar with button
Add the .navbar-btn class to elements not residing in a to vertically center them in the navbar.
Navbar with text
For folks using standard links that are not within the regular navbar navigation component, use the .navbar-link class to add the proper colors for the default and inverse navbar options.