<nav class="navbar navbar-expand-md">
<span class="navbar-toggler" data-toggle="collapse" data-target="#nomi">
<div class="navbar-toggler-icon"></div>
</span>
<span class="navbar-brand">
Biror narsa
</span>
<div class="collapse navbar-collapse" id="nomi">
<ul class="navbar-nav">
<li class="nav-item"><a href="#" class="nav-link">1-Boʻlim</a></li>
<li class="nav-item"><a href="#" class="nav-link">2-Boʻlim</a></li>
<li class="nav-item"><a href="#" class="nav-link">3-Boʻlim</a></li>
<li class="nav-item"><a href="#" class="nav-link">va hokazo</a></li>
</ul>
</div>
</nav>