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.