Sidebar sizes

Change sidebar size on different devices by adding class.

<!-- Source -->
<div class="sidebar sidebar-dark bg-dark sidebar-expand sidebar-1"></div>
<div class="sidebar sidebar-dark bg-dark sidebar-expand sidebar-2"></div>
<div class="sidebar sidebar-dark bg-dark sidebar-expand sidebar-3"></div>
<div class="sidebar sidebar-dark bg-dark sidebar-expand sidebar-4"></div>
<div class="sidebar sidebar-dark bg-dark sidebar-expand sidebar-5"></div>

Responsive

<!-- Source -->
<div class="sidebar sidebar-sm-1"></div>
<div class="sidebar sidebar-sm-2"></div>
<div class="sidebar sidebar-sm-3"></div>
<div class="sidebar sidebar-sm-4"></div>
<div class="sidebar sidebar-sm-5"></div>

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

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

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