Здравствуйте, есть навбар не понимаю как можно сделать чтобы он сворачивался при уменьшении экрана в гамбургер, так как без этого он залезает на другие блоки...
<div class="navbar navbar-inverse fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<h4 class="navbar-brand"><strong><font size="4" color="black" face="arial black">B&R EXPAND LOGISTICS</font></strong></h4>
</div>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark" href="/">Главная</a>
<a class="p-2 text-dark" href="/trading">Биржа</a>
<a class="p-2 text-dark" href="/data">Ваши данные</a>
<a class="p-2 text-dark" href="/ourdata">Наши данные</a>
{% if username %}
<a class="p-2 text-dark" href="/personalroom">Комната</a>
<a class="btn btn-outline-primary" id = "register_button" href="/auth/logout">Выход</a>
{%else%}
<a class="btn btn-outline-primary" id = "register_button" href="/auth/login">Вход</a>
{%endif%}
</nav>
</div>
</div>
.navbar {
z-index: 2;
background: #fff;
border-bottom: 2px solid #000;
}
Стили CSS:
Код JS:
Стили CSS:
P.S Рекомендую так-же ознакомится, Как создать горизонтальное адаптивное меню на Bootstrap 3, полезная информация касаемо данной темы, В статье Александр подробно рассказывает с примерами, как использовать меню Navbar в Bootstrap 3 и адаптировать его под разные устройства.
Стили css: