Below is an offcanvas example that is shown by default (via .show on .offcanvas).
Offcanvas includes support for a header with a close button and an optional body class for some initial padding.
Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.
Toasts
To encourage extensible and predictable toasts, we recommend a header and body.
Toast headers use display: flex, allowing easy alignment of content thanks to our margin and flexbox utilities.
Default
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.