Задать вопрос
@ligisayan
javascript

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

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

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

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


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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать сайт на CS-Cart (статусы товаров и цены)
25 апр. 2024, в 16:56
5000 руб./за проект
Внесение правок в мобильное приложение (Android)
25 апр. 2024, в 16:54
3000 руб./за проект
Motion дизайн для гиф
25 апр. 2024, в 16:38
12000 руб./за проект
Ещё заказы