​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 aria-label="Page navigation">
13
<ul class="pagination">
14
<li class="page-item">
15
<a href="#" class="page-link" aria-label="Previous">
16
<span aria-hidden="true">&laquo;</span>
17
</a>
18
</li>
19
<li class="page-item"><a href="#" class="page-link">1</a></li>
20
<li class="page-item"><a href="#" class="page-link">2</a></li>
21
<li class="page-item"><a href="#" class="page-link">3</a></li>
22
<li class="page-item"><a href="#" class="page-link">4</a></li>
23
<li class="page-item"><a href="#" class="page-link">5</a></li>
24
<li class="page-item"><a href="#" class="page-link">6</a></li>
25
<li class="page-item"><a href="#" class="page-link">7</a></li>
26
<li class="page-item">
27
<a href="#" class="page-link" aria-label="Next">
28
<span aria-hidden="true">&raquo;</span>
29
</a>
30
</li>
31
</ul>
32
</nav>
33
​
34
</div>
35
36
<!-- Bundled -->
37
<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>