<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>