Offcanvas Navbar Examples

This example demonstrates how responsive offcanvas menus work within the navbar. For positioning of navbars, Check out the top and fixed top examples for navbar positioning.

From the top down, you can see a responsive navbar, a light navbar, and a dark navbar, all of which have built-in offcanvases. To view the offcanvas toggle, resize your browser window to the large breakpoint.

Get more information about offcanvas navbars