​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
5
​
6
<style>
7
body {
8
padding-top: 1em;
9
}
10
</style> <div class="container-fluid">
11
12
<nav class="navbar navbar-expand-sm navbar-light bg-faded">
13
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation">
14
<span class="navbar-toggler-icon"></span>
15
</button>
16
​
17
<!-- Brand -->
18
<a class="navbar-brand" href="#">Logo</a>
19
​
20
<!-- Links -->
21
<div class="collapse navbar-collapse justify-content-end" id="nav-content">  
22
<ul class="navbar-nav">
23
<li class="nav-item">
24
<a class="nav-link" href="#">Link 1</a>
25
</li>
26
<li class="nav-item">
27
<a class="nav-link" href="#">Link 2</a>
28
</li>
29
<li class="nav-item">
30
<a class="nav-link" href="#">Link 3</a>
31
</li>
32
</ul>
33
</nav>
34
​
35
</div>
36
37
<!-- Bundled -->
38
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>