Navbar scrollable
Scrollable navbar nav.
Works only on touch devices like tablet and phone.
<!-- Source -->
<div class="navbar navbar-expand-xs navbar-dark bg-dark px-0">
<div class="container-fluid navbar-container">
<div class="navbar-scroller">
<ul class="navbar-nav navbar-scroller-nav">
<li class="nav-item"><a class="nav-link" href="#">Nav item 1</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 2</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 3</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 4</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 5</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 6</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 7</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 8</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 9</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 10</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 11</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nav item 12</a></li>
</ul>
</div>
</div>
</div>