@ligisayan

Как мобильное меню bootstrap научить открываться справа?

Есть меню bootstrap 4 в мобильной версии которого хочу открывать меню не стандартно сверху, а оно должно выезжать справа с перекрытием контента как здесь

Есть для этого примера инструкция для подключения библиотеки Off-canvas специально для Bootstrap 4, делаю все по ней, но почему-то не работает.. Что не так?

Код и фидл
  • Вопрос задан
  • 87 просмотров
Решения вопроса 2
delphinpro
@delphinpro
frontend developer
.menu {
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  
  &.isOpen {
    transform: translateX(0);
  }
}


Непонятно, зачем здесь бутстрап приплетать.
Ответ написан
@ligisayan Автор вопроса
Решение в том, что нужно было добавить еще кусочек кода
<div class="bsnav-mobile">
    <div class="bsnav-mobile-overlay"></div>
    <div class="navbar"></div>
  </div>

и стили для него
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
COSMOS Москва
от 100 000 до 120 000 руб.
Apsis Ростов-на-Дону
от 85 000 руб.