xxxxxxxxxx1
<!-- 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
Dropdown27
</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