Navbar Bootstrap 5Free+ JS
Horizontal Bar with Months of the Year — a free Bootstrap 5 navbar snippet. Copy the HTML & JS and paste straight into your Bootstrap 5 project.
1.6k views8 downloads
gosnippets.com/preview/horizontal-bar-with-months-of-the-year
Source Code
1<html>
2 <head>
3 <title>
4 months of year
5 </title>
6 </head>
7
8 <body>
9 <div class="container-full mt-3">
10 <div class="row m-0">
11 <div class="col-12">
12 <label for="">Selecione ano</label>
13 <select class="form-select mb-3" name="ano" id="ano">
14 <option value="2020">2020</option>
15 <option value="2021">2021</option>
16 <option value="2022">2022</option>
17 <option value="2023">2023</option>
18 <option value="2024">2024</option>
19 <option value="2025">2025</option>
20 </select>
21 <div class="btn-group d-flex" role="group" aria-label="..." id="meses">
22 </div>
23 <div class=" alert-secondary fs-2 my-2 text-center p-3" id="mes">
24 </div>
25 Mês selecionado:
26 <input id="inputMes" class="form-control" type="text" name="" value="" placeholder="Selecione um mês acima">
27 <button class="btn btn-success w-100 mt-3 shadow" type="button" name="button">Avançar</button>
28 </div>
29 </div>
30 </div>
31 </body>
32
33</html>More Navbar snippets
Responsive Sidebar Navigation for Dashboard
Responsive Sidebar Navigation for Dashboard: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.
NavbarView →
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.
NavbarView →
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.
NavbarView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.