xxxxxxxxxx
1
<!-- Navbar -->
2
<nav class="navbar fixed-bottom navbar-expand-lg bg-primary navbar-dark">
3
<!-- Container wrapper -->
4
<div class="container-fluid">
5
6
<!-- Navbar brand -->
7
<a class="navbar-brand" href="#">Brand</a>
8
9
<!-- Toggle button -->
10
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse" data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
11
<i class="fas fa-bars"></i>
12
</button>
13
14
<!-- Collapsible wrapper -->
15
<div class="collapse navbar-collapse" id="navbarSupportedContent">
16
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
17
18
<!-- Link -->
19
<li class="nav-item">
20
<a class="nav-link" href="#">Link</a>
21
</li>
22
23
<!-- Dropdown -->
24
<li class="nav-item dropdown dropup">
25
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-mdb-toggle="dropdown" aria-expanded="false">
26
Dropdown
27
</a>
28
<!-- Dropdown menu -->
29
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
30
<li>
31
<a class="dropdown-item" href="#">Action</a>
32
</li>
33
<li>
34
<a class="dropdown-item" href="#">Another action</a>
35
</li>
36
<li>
37
<hr class="dropdown-divider" />
38
</li>
39
<li>
40
<a class="dropdown-item" href="#">Something else here</a>
41
</li>
42
</ul>
43
</li>
44
45
</ul>
46
47
<!-- Icons -->
48
<ul class="navbar-nav d-flex flex-row me-1">
49
<li class="nav-item me-3 me-lg-0">
50
<a class="nav-link" href="#"><i class="fas fa-shopping-cart"></i></a>
51
</li>
52
<li class="nav-item me-3 me-lg-0">
53
<a class="nav-link" href="#"><i class="fab fa-twitter"></i></a>
54
</li>
55
</ul>
56
57
<!-- Search -->
58
<form class="w-auto">
59
<input type="search" class="form-control" placeholder="Type query" aria-label="Search">
60
</form>
61
62
</div>
63
</div>
64
<!-- Container wrapper -->
65
</nav>
66
<!-- Navbar -->
67
68
<ul class="h1 list-unstyled justify-content-center">
69
<li class="d-flex justify-content-center my-4"> Scroll down</li>
70
<li class="d-flex justify-content-center my-4"> Scroll down</li>
71
<li class="d-flex justify-content-center my-4"> Scroll down</li>
72
<li class="d-flex justify-content-center my-4"> Scroll down</li>
73
<li class="d-flex justify-content-center my-4"> Scroll down</li>
74
<li class="d-flex justify-content-center my-4"> Scroll down</li>
75
<li class="d-flex justify-content-center my-4"> Scroll down</li>
76
<li class="d-flex justify-content-center my-4"> Scroll down</li>
77
<li class="d-flex justify-content-center my-4"> Scroll down</li>
78
<li class="d-flex justify-content-center my-4"> Scroll down</li>
79
<li class="d-flex justify-content-center my-4"> Scroll down</li>
80
<li class="d-flex justify-content-center my-4"> Scroll down</li>
81
<li class="d-flex justify-content-center my-4"> Scroll down</li>
82
<li class="d-flex justify-content-center my-4"> Scroll down</li>
83
<li class="d-flex justify-content-center my-4"> Scroll down</li>
84
<li class="d-flex justify-content-center my-4"> Scroll down</li>
85
<li class="d-flex justify-content-center my-4"> Scroll down</li>
86
<li class="d-flex justify-content-center my-4"> Scroll down</li>
87
<li class="d-flex justify-content-center my-4"> Scroll down</li>
88
<li class="d-flex justify-content-center my-4"> Scroll down</li>
89
<li class="d-flex justify-content-center my-4"> Scroll down</li>
90
<li class="d-flex justify-content-center my-4"> Scroll down</li>
91
<li class="d-flex justify-content-center my-4"> Scroll down</li>
92
<li class="d-flex justify-content-center my-4"> Scroll down</li>
93
<li class="d-flex justify-content-center my-4"> Scroll down</li>
94
<li class="d-flex justify-content-center my-4"> Scroll down</li>
95
<li class="d-flex justify-content-center my-4"> Scroll down</li>
96
<li class="d-flex justify-content-center my-4"> Scroll down</li>
97
<li class="d-flex justify-content-center my-4"> Scroll down</li>
98
<li class="d-flex justify-content-center my-4"> Scroll down</li>
99
<li class="d-flex justify-content-center my-4"> Scroll down</li>
100
<li class="d-flex justify-content-center my-4"> Scroll down</li>
101
<li class="d-flex justify-content-center my-4"> Scroll down</li>
102
<li class="d-flex justify-content-center my-4"> Scroll down</li>
103
<li class="d-flex justify-content-center my-4"> Scroll down</li>
104
<li class="d-flex justify-content-center my-4"> Scroll down</li>
105
<li class="d-flex justify-content-center my-4"> Scroll down</li>
106
<li class="d-flex justify-content-center my-4"> Scroll down</li>
107
<li class="d-flex justify-content-center my-4"> Scroll down</li>
108
<li class="d-flex justify-content-center my-4"> Scroll down</li>
109
<li class="d-flex justify-content-center my-4"> Scroll down</li>
110
<li class="d-flex justify-content-center my-4"> Scroll down</li>
111
<li class="d-flex justify-content-center my-4"> Scroll down</li>
112
<li class="d-flex justify-content-center my-4"> Scroll down</li>
113
<li class="d-flex justify-content-center my-4"> Scroll down</li>
114
<li class="d-flex justify-content-center my-4"> Scroll down</li>
115
<li class="d-flex justify-content-center my-4"> Scroll down</li>
116
<li class="d-flex justify-content-center my-4"> Scroll down</li>
117
<li class="d-flex justify-content-center my-4"> Scroll down</li>
118
<li class="d-flex justify-content-center my-4"> Scroll down</li>
119
<li class="d-flex justify-content-center my-4"> Scroll down</li>
120
<li class="d-flex justify-content-center my-4"> Scroll down</li>
121
<li class="d-flex justify-content-center my-4"> Scroll down</li>
122
<li class="d-flex justify-content-center my-4"> Scroll down</li>
123
<li class="d-flex justify-content-center my-4"> Scroll down</li>
124
<li class="d-flex justify-content-center my-4"> Scroll down</li>
125
<li class="d-flex justify-content-center my-4"> Scroll down</li>
126
<li class="d-flex justify-content-center my-4"> Scroll down</li>
127
<li class="d-flex justify-content-center my-4"> Scroll down</li>
128
<li class="d-flex justify-content-center my-4"> Scroll down</li>
129
</ul>
1
1
1
1
Console errors: 0