Side Navigation Menu Bar with pure CSS — a free Bootstrap 5 navbar snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
1 <input type="checkbox" id="check">
2 <label for="check">
3 <i class="fas fa-bars" id="btn"></i>
4 <i class="fas fa-times" id="cancel"></i>
5 </label>
6 <div class="sidebar">
7 <header>GoSnippets</header>
8 <ul>
9 <li><a href="#"><i class="fas fa-qrcode"></i>Dashboard</a></li>
10 <li><a href="#"><i class="fas fa-link"></i>Shortcuts</a></li>
11 <li><a href="#"><i class="fas fa-stream"></i>Overview</a></li>
12 <li><a href="#"><i class="fas fa-calendar-week"></i>Events</a></li>
13 <li><a href="#"><i class="far fa-question-circle"></i>About</a></li>
14 <li><a href="#"><i class="fas fa-sliders-h"></i>Services</a></li>
15 <li><a href="#"><i class="far fa-envelope"></i>Contact</a></li>
16 </ul>
17 </div>
18 <section></section>
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.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.