Я использую Jasny bootstrap для создания левого навигационного меню и столкнулся с проблемой.
Итак, для мобильных экранов вы получите что-то вроде вышеописанного. Как ты собираешься закрывать меню? Это из его собственных примеров на его веб-сайте.
Спасибо!
Вы можете использовать что-то вроде этого
$('.navmenu, .navbar-offcanvas').css({
"width": (viewport - 50) + "px"
});
и вы получаете фиксированный отступ на всех устройствах, см. этот ответ
Измените следующий стиль в файле jasny-bootstrap.css на желаемую ширину.
.navmenu, .navbar-offcanvas {width: 300px;}
например, 200 пикселей, что хорошо смотрится на небольших экранах, таких как iphone 4.
Вы закрываете меню, нажимая на активный элемент в списке. В этом случае это пункт "Показать"
Я не думаю, что есть решение моей проблемы: P. Лучшее, что вы можете сделать, это создать значок «X» в правом верхнем углу меню или что-то в этом роде и прикрепить тот же обработчик кликов, который jasny использует для открытия/закрытия меню.
В любом случае, я думаю, что этот плагин начальной загрузки делает то же самое с гораздо меньшим количеством кода, чем ясный. Я настоятельно рекомендую всем, кто читает это, попробовать :)
Ваше здоровье!
