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>