<nav class="navbar navbar-expand-md bg-light">
<div class="container">
<a href="#" class="navbar-brand">Navbar</a>
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#nav-collapse"">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav-collapse">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a href="#" class="nav-link active">Home</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link ">About</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link ">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter