Bootstrap 4: отображение элементов Navbar снаружи сложенного контейнера

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

Самый простой способ обеспечить видимым элементы Navbar независимо от состояния коллапса, используя классы утилиты Flexbox, предоставленные Bootstrap. This approach avoids the need for additional CSS.

Code Solution

In the following code, the items that need to stay visible during the collapsed state are kept outside the .navbar-collapse div:

объяснение

в приведенном выше коде:

• . Левый, когда увеличивается размер экрана (Order-LG-3).
• . что определенные элементы остаются видимыми, даже когда навигация обрушивается.
]