Dropdown menu sizes

Change dropdown menu size on all devices by adding additional classes.

<!-- Source -->
<div class="dropdown-menu dropdown-menu-1"></div>
<div class="dropdown-menu dropdown-menu-2"></div>
<div class="dropdown-menu dropdown-menu-3"></div>
<div class="dropdown-menu dropdown-menu-4"></div>
<div class="dropdown-menu dropdown-menu-5"></div>

Responsive

<!-- Responsive -->
<div class="dropdown-menu dropdown-menu-sm-1"></div>
<div class="dropdown-menu dropdown-menu-sm-2"></div>
<div class="dropdown-menu dropdown-menu-sm-3"></div>
<div class="dropdown-menu dropdown-menu-sm-4"></div>
<div class="dropdown-menu dropdown-menu-sm-5"></div>

<div class="dropdown-menu dropdown-menu-md-1"></div>
<div class="dropdown-menu dropdown-menu-md-2"></div>
<div class="dropdown-menu dropdown-menu-md-3"></div>
<div class="dropdown-menu dropdown-menu-md-4"></div>
<div class="dropdown-menu dropdown-menu-md-5"></div>

<div class="dropdown-menu dropdown-menu-lg-1"></div>
<div class="dropdown-menu dropdown-menu-lg-2"></div>
<div class="dropdown-menu dropdown-menu-lg-3"></div>
<div class="dropdown-menu dropdown-menu-lg-4"></div>
<div class="dropdown-menu dropdown-menu-lg-5"></div>

<div class="dropdown-menu dropdown-menu-xl-1"></div>
<div class="dropdown-menu dropdown-menu-xl-2"></div>
<div class="dropdown-menu dropdown-menu-xl-3"></div>
<div class="dropdown-menu dropdown-menu-xl-4"></div>
<div class="dropdown-menu dropdown-menu-xl-5"></div>