HTML / Markup
Public
Responsive Navbar Starter
A simple Bootstrap responsive navbar with collapse behavior.
#bootstrap
#navbar
#responsive
#layout
HTML / Markup
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container">
<a class="navbar-brand" href="/">CodShot</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mainNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/explore">Explore</a></li>
<li class="nav-item"><a class="nav-link" href="/prices">Pricing</a></li>
</ul>
</div>
</div>
</nav>
Notes
The navbar toggler depends on bootstrap.bundle.min.js because it includes Popper and plugins.