Как создать фиксированную боковую панель, которая сворачивается в меню на мобильном телефоне (Boostrap 4)

Question

Я просмотрел все, но не могу найти точное решение того, что я хочу сделать.Я новичок в кодировании, так что это, вероятно, простое решение, которого я просто не вижу.

Я хочу создать навигацию по боковой панели, которая фиксируется на рабочем столе и планшетах, но сворачивается в меню гамбургеров, которое исправлено.на мобильную версию с помощью Bootstrap 4. Во многих примерах, которые я нашел, использовалось устаревшее свойство аффикса.Другие примеры были разборными, но я хочу, чтобы боковая панель всегда была открыта на рабочем столе и планшете.Я приложил фотографии того, как я проектировал это на рабочем столе и мобильном телефоне для дальнейшей ссылки.

Answer 1

Я знаю, что вы спрашиваете о начальной загрузке, но так как вы все равно используете внешнюю библиотеку для такой вещи, возможно, этот небольшой скрипт будет решением для вас.Он делает именно то, что вам нужно: https://github.com/grzegorzgit/Litomobile

Если ваше меню основано на ul и li, этот скрипт автоматически создает анимированное мобильное меню и значок для нужного вам размера окна.