Всем привет, помогите пожалуйста решить проблему со сворачиванием навбара в гамбрургер, понимаю, что нужен скрипт, но не понимаю как это сделать, совсем новичок в js, возможно даже что-то нужно в css и html поправить, не знаю..
<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;
}