Sidebar nav sizes

Control specified sidebar nav sizes on any device.

<!-- Source -->
<ul class="sidebar-nav sidebar-nav-x-0"></ul>
<ul class="sidebar-nav sidebar-nav-y-0"></ul>

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

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

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

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

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

Responsive

<!-- Source -->
<ul class="sidebar-nav sidebar-nav-x-sm-0"></ul>
<ul class="sidebar-nav sidebar-nav-y-sm-0"></ul>

<ul class="sidebar-nav sidebar-nav-sm-1"></ul>
<ul class="sidebar-nav sidebar-nav-x-sm-1"></ul>
<ul class="sidebar-nav sidebar-nav-y-sm-1"></ul>

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

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

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

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


<ul class="sidebar-nav sidebar-nav-x-md-0"></ul>
<ul class="sidebar-nav sidebar-nav-y-md-0"></ul>

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

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

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

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

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


<ul class="sidebar-nav sidebar-nav-x-lg-0"></ul>
<ul class="sidebar-nav sidebar-nav-y-lg-0"></ul>

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

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

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

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

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


<ul class="sidebar-nav sidebar-nav-x-xl-0"></ul>
<ul class="sidebar-nav sidebar-nav-y-xl-0"></ul>

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

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

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

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

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