Skip to content

Instantly share code, notes, and snippets.

@planetoftheweb
Created August 28, 2023 02:19
Show Gist options
  • Save planetoftheweb/f9c3bf4ca8885748020c24f56d99a7d4 to your computer and use it in GitHub Desktop.
Save planetoftheweb/f9c3bf4ca8885748020c24f56d99a7d4 to your computer and use it in GitHub Desktop.
This is one of my newest gists
<nav class="navbar navbar-expand-md bg-primary navbar-dark text-uppercase">
<div class="container">
<button
type="button"
class="navbar-toggler"
data-bs-toggle="collapse"
data-bs-target="#myTogglerNav"
aria-controls="myTogglerNav"
aria-label="Toggle Navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#page-hero"><a class="navbar-brand" href="index.html">Layout</a>
<div class="collapse navbar-collapse" id="myTogglerNav">
<div class="navbar-nav ms-auto font-weight-regular">
<a class="nav-item nav-link text-white" href="index.html">home</a>
<a class="nav-item nav-link" href="columns.html">columns</a>
<a class="nav-item nav-link" href="media.html">media</a>
</div>
</div>
</div>
</nav>
@planetoftheweb
Copy link
Author

This is a pretty simple example of a bootstrap 5 navigation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment