@ligisayan

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

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

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

Код и фидл
  • Вопрос задан
  • 110 просмотров
Решения вопроса 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>

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

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

Войти через центр авторизации
Похожие вопросы
Страховой Кабинет Нижний Новгород
от 60 000 до 90 000 руб.
от 30 000 до 65 000 руб.
BSSL Москва
от 50 000 до 150 000 руб.