Показывать плашку сбоку
Сначала надо создать элемент, которая будет появляться сбоку.
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasName">
<div class="offcanvas-header">
<p class="offcanvas-title">Заголовок</p>
<button type="button" data-bs-dismiss="offcanvas" aria-label="Закрыть"></button>
</div>
<div class="offcanvas-body">
Контент
</div>
</div>
И добавить кнопку, которая будет открывать плашку.
<button type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasName">Показать</button>
Класс .offcanvas-start
указывает, что плашку надо открывать слева. Если плашку надо открыть в другом направлении (сверху, справа) то можно поменять на следующий класс:
.offcanvas-start
— открывать слева;.offcanvas-end
— открывать справа;.offcanvas-top
— открывать сверху;.offcanvas-bottom
— открывать снизу.
Поддержать автора
Все статьи создаются и поддерживаются одним человеком,
если вам нравится контент, вы можете поддержать автора сайта