Navbar nav sizes

Change nav size by adding class for different devices.

<!-- Source -->
<ul class="navbar-nav navbar-nav-1"></ul>
<ul class="navbar-nav navbar-nav-x-1"></ul>
<ul class="navbar-nav navbar-nav-y-1"></ul>

<ul class="navbar-nav navbar-nav-2"></ul>
<ul class="navbar-nav navbar-nav-x-2"></ul>
<ul class="navbar-nav navbar-nav-y-2"></ul>

<ul class="navbar-nav navbar-nav-3"></ul>
<ul class="navbar-nav navbar-nav-x-3"></ul>
<ul class="navbar-nav navbar-nav-y-3"></ul>

<ul class="navbar-nav navbar-nav-4"></ul>
<ul class="navbar-nav navbar-nav-x-4"></ul>
<ul class="navbar-nav navbar-nav-y-4"></ul>

<ul class="navbar-nav navbar-nav-5"></ul>
<ul class="navbar-nav navbar-nav-x-5"></ul>
<ul class="navbar-nav navbar-nav-y-5"></ul>

Responsive

<!-- Source -->
<ul class="navbar-nav navbar-nav-sm-1"></ul>
<ul class="navbar-nav navbar-nav-x-sm-1"></ul>
<ul class="navbar-nav navbar-nav-y-sm-1"></ul>

<ul class="navbar-nav navbar-nav-sm-2"></ul>
<ul class="navbar-nav navbar-nav-x-sm-2"></ul>
<ul class="navbar-nav navbar-nav-y-sm-2"></ul>

<ul class="navbar-nav navbar-nav-sm-3"></ul>
<ul class="navbar-nav navbar-nav-x-sm-3"></ul>
<ul class="navbar-nav navbar-nav-y-sm-3"></ul>

<ul class="navbar-nav navbar-nav-sm-4"></ul>
<ul class="navbar-nav navbar-nav-x-sm-4"></ul>
<ul class="navbar-nav navbar-nav-y-sm-4"></ul>

<ul class="navbar-nav navbar-nav-sm-5"></ul>
<ul class="navbar-nav navbar-nav-x-sm-5"></ul>
<ul class="navbar-nav navbar-nav-y-sm-5"></ul>


<ul class="navbar-nav navbar-nav-md-1"></ul>
<ul class="navbar-nav navbar-nav-x-md-1"></ul>
<ul class="navbar-nav navbar-nav-y-md-1"></ul>

<ul class="navbar-nav navbar-nav-md-2"></ul>
<ul class="navbar-nav navbar-nav-x-md-2"></ul>
<ul class="navbar-nav navbar-nav-y-md-2"></ul>

<ul class="navbar-nav navbar-nav-md-3"></ul>
<ul class="navbar-nav navbar-nav-x-md-3"></ul>
<ul class="navbar-nav navbar-nav-y-md-3"></ul>

<ul class="navbar-nav navbar-nav-md-4"></ul>
<ul class="navbar-nav navbar-nav-x-md-4"></ul>
<ul class="navbar-nav navbar-nav-y-md-4"></ul>

<ul class="navbar-nav navbar-nav-md-5"></ul>
<ul class="navbar-nav navbar-nav-x-md-5"></ul>
<ul class="navbar-nav navbar-nav-y-md-5"></ul>


<ul class="navbar-nav navbar-nav-lg-1"></ul>
<ul class="navbar-nav navbar-nav-x-lg-1"></ul>
<ul class="navbar-nav navbar-nav-y-lg-1"></ul>

<ul class="navbar-nav navbar-nav-lg-2"></ul>
<ul class="navbar-nav navbar-nav-x-lg-2"></ul>
<ul class="navbar-nav navbar-nav-y-lg-2"></ul>

<ul class="navbar-nav navbar-nav-lg-3"></ul>
<ul class="navbar-nav navbar-nav-x-lg-3"></ul>
<ul class="navbar-nav navbar-nav-y-lg-3"></ul>

<ul class="navbar-nav navbar-nav-lg-4"></ul>
<ul class="navbar-nav navbar-nav-x-lg-4"></ul>
<ul class="navbar-nav navbar-nav-y-lg-4"></ul>

<ul class="navbar-nav navbar-nav-lg-5"></ul>
<ul class="navbar-nav navbar-nav-x-lg-5"></ul>
<ul class="navbar-nav navbar-nav-y-lg-5"></ul>


<ul class="navbar-nav navbar-nav-xl-1"></ul>
<ul class="navbar-nav navbar-nav-x-xl-1"></ul>
<ul class="navbar-nav navbar-nav-y-xl-1"></ul>

<ul class="navbar-nav navbar-nav-xl-2"></ul>
<ul class="navbar-nav navbar-nav-x-xl-2"></ul>
<ul class="navbar-nav navbar-nav-y-xl-2"></ul>

<ul class="navbar-nav navbar-nav-xl-3"></ul>
<ul class="navbar-nav navbar-nav-x-xl-3"></ul>
<ul class="navbar-nav navbar-nav-y-xl-3"></ul>

<ul class="navbar-nav navbar-nav-xl-4"></ul>
<ul class="navbar-nav navbar-nav-x-xl-4"></ul>
<ul class="navbar-nav navbar-nav-y-xl-4"></ul>

<ul class="navbar-nav navbar-nav-xl-5"></ul>
<ul class="navbar-nav navbar-nav-x-xl-5"></ul>
<ul class="navbar-nav navbar-nav-y-xl-5"></ul>