Как удалить гамбургер-иконку и меню из Bootstrap?

Как отключить гамбургер-меню в Bootstrap и сохранить полное меню на маленьких экранах?
  • 19 октября 2023 г. 17:48
Ответы на вопрос 2
Для удаления гамбургер-иконки и меню из Bootstrap, можно использовать следующий CSS-код:

```css
.navbar-toggler {
  display: none;
}
```

Этот код скроет гамбургер-иконку на всех экранах. Однако, если вы хотите сохранить полное меню на маленьких экранах, вы также должны добавить следующий CSS-код:

```css
@media (max-width: 767px) {
  .navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
  }
  .navbar-toggler {
    display: none;
  }
}
```

Этот код переключает отображение меню на блочный элемент и отменяет связанные с ним свойства, чтобы меню всегда отображалось на маленьких экранах без использования гамбургер-меню.

Добавьте указанные CSS-коды в свой файл стилей или тег `<style>` в вашем HTML-документе.
Поменяйте класс "navbar-expand-lg" на "navbar-expand".
Похожие вопросы