Free Bootstrap 5 navbar snippet — Elastic Active Tab Animation snippet using only HTML & CSS. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
1<div class="wrapper">
2 <nav>
3 <input type="radio" name="tab" id="home" checked>
4 <input type="radio" name="tab" id="inbox">
5 <input type="radio" name="tab" id="contact">
6 <input type="radio" name="tab" id="heart">
7 <input type="radio" name="tab" id="about">
8 <label for="home" class="home"><a href="#"><i class="fas fa-home"></i>Home</a></label>
9 <label for="inbox" class="inbox"><a href="#"><i class="far fa-comment"></i>Inbox</a></label>
10 <label for="contact" class="contact"><a href="#"><i class="far fa-envelope"></i>Contact</a></label>
11 <label for="heart" class="heart"><a href="#"><i class="far fa-heart"></i>Heart</a></label>
12 <label for="about" class="about"><a href="#"><i class="far fa-user"></i>About</a></label>
13 <div class="tab">
14</div>
15</nav>
16 </div>
Responsive Sidebar Navigation for Dashboard
Responsive Sidebar Navigation for Dashboard: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.
Bootstrap Transparent navbar example
Bootstrap Transparent navbar example — a free Bootstrap 5 navbar snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.
Bootstrap 5 e-commerce navigation with product snippet
Bootstrap 5 e-commerce navigation with product snippet: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.