Off-Canvas
Documentation and examples of off-canvas sidebar that slides in and out of the screen, which is mostly used as mobile navigations.
Basic Example
You can put any element to off-canvas sidebar like in the example below.
Show Off-Canvas SidebarWith Overlay
You can enable overlay by adding class .off-canvas-overlay
to .off-canvas
.
Flip to Right
You can flip the sidebar to display in right instead of left by adding class .off-canvas-right
to .off-canvas
.