Skip to content

Instantly share code, notes, and snippets.

@kunxin-chor
Created October 6, 2021 12:44
Show Gist options
  • Save kunxin-chor/c43379a9afa35ef434a2d26e11094fe7 to your computer and use it in GitHub Desktop.
Save kunxin-chor/c43379a9afa35ef434a2d26e11094fe7 to your computer and use it in GitHub Desktop.
Bootstrap 5 Navbar used in the walkthrough
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="javascript:void(0)">Logo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)">Link</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="text" placeholder="Search">
<button class="btn btn-primary" type="button">Search</button>
</form>
</div>
</div>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment