Offcanvas

Demo

Offcanvas includes support for a header with a close button and an optional body class for some initial padding. We suggest that you include offcanvas headers with dismiss actions whenever possible, or provide an explicit dismiss action.

Placement

Offcanvas supports a few different placements:

• startplaces offcanvas on the left of the viewport
• endplaces offcanvas on the right of the viewport
• topplaces offcanvas on the top of the viewport
• bottomplaces offcanvas on the bottom of the viewport