Bootstrap 4
<div class="container">
<div class="row">
<div class="col-6">Logo Here</div>
<div class="col-6 text-right">Hamburger Here</div>
<div class="col-12 text-right">Expandable Menu sits in here</div>
</div><!-- Closes Row -->
</div><!-- Closes Container -->
Это кажется довольно простым. Логотип слева в мобильном телефоне. Гамбургер толкнул прямо в другой col-6. Теоретически строка не расширяет всю ширину контейнера, пока вы не нажмете на гамбургер и не развернете меню навигации. Строка должна охватывать всю ширину независимо от того, что ее толкает или нет. Он работает почти так, как будто немного расширяется при нажатии, потому что логотип становится больше.
Я что-то упускаю здесь в динамике row-> col, когда используется расширяемая навигация?
