List group item sizes

Modify specific list group item padding, border radius, font size by adding class.

Extra largeLargeMediumSmallExtra small 
<!-- Source -->
<div class="list-group-item-1"></div>
<div class="list-group-item-x-1"></div>
<div class="list-group-item-y-1"></div>

<div class="list-group-item-2"></div>
<div class="list-group-item-x-2"></div>
<div class="list-group-item-y-2"></div>

<div class="list-group-item-3"></div>
<div class="list-group-item-x-3"></div>
<div class="list-group-item-y-3"></div>

<div class="list-group-item-4"></div>
<div class="list-group-item-x-4"></div>
<div class="list-group-item-y-4"></div>

<div class="list-group-item-5"></div>
<div class="list-group-item-x-5"></div>
<div class="list-group-item-y-5"></div>

Responsive

<!-- Source -->
<div class="list-group-item-sm-1"></div>
<div class="list-group-item-x-sm-1"></div>
<div class="list-group-item-y-sm-1"></div>

<div class="list-group-item-sm-2"></div>
<div class="list-group-item-x-sm-2"></div>
<div class="list-group-item-y-sm-2"></div>

<div class="list-group-item-sm-3"></div>
<div class="list-group-item-x-sm-3"></div>
<div class="list-group-item-y-sm-3"></div>

<div class="list-group-item-sm-4"></div>
<div class="list-group-item-x-sm-4"></div>
<div class="list-group-item-y-sm-4"></div>

<div class="list-group-item-sm-5"></div>
<div class="list-group-item-x-sm-5"></div>
<div class="list-group-item-y-sm-5"></div>

<div class="list-group-item-md-1"></div>
<div class="list-group-item-x-md-1"></div>
<div class="list-group-item-y-md-1"></div>

<div class="list-group-item-md-2"></div>
<div class="list-group-item-x-md-2"></div>
<div class="list-group-item-y-md-2"></div>

<div class="list-group-item-md-3"></div>
<div class="list-group-item-x-md-3"></div>
<div class="list-group-item-y-md-3"></div>

<div class="list-group-item-md-4"></div>
<div class="list-group-item-x-md-4"></div>
<div class="list-group-item-y-md-4"></div>

<div class="list-group-item-md-5"></div>
<div class="list-group-item-x-md-5"></div>
<div class="list-group-item-y-md-5"></div>

<div class="list-group-item-lg-1"></div>
<div class="list-group-item-x-lg-1"></div>
<div class="list-group-item-y-lg-1"></div>

<div class="list-group-item-lg-2"></div>
<div class="list-group-item-x-lg-2"></div>
<div class="list-group-item-y-lg-2"></div>

<div class="list-group-item-lg-3"></div>
<div class="list-group-item-x-lg-3"></div>
<div class="list-group-item-y-lg-3"></div>

<div class="list-group-item-lg-4"></div>
<div class="list-group-item-x-lg-4"></div>
<div class="list-group-item-y-lg-4"></div>

<div class="list-group-item-lg-5"></div>
<div class="list-group-item-x-lg-5"></div>
<div class="list-group-item-y-lg-5"></div>

<div class="list-group-item-xl-1"></div>
<div class="list-group-item-x-xl-1"></div>
<div class="list-group-item-y-xl-1"></div>

<div class="list-group-item-xl-2"></div>
<div class="list-group-item-x-xl-2"></div>
<div class="list-group-item-y-xl-2"></div>

<div class="list-group-item-xl-3"></div>
<div class="list-group-item-x-xl-3"></div>
<div class="list-group-item-y-xl-3"></div>

<div class="list-group-item-xl-4"></div>
<div class="list-group-item-x-xl-4"></div>
<div class="list-group-item-y-xl-4"></div>

<div class="list-group-item-xl-5"></div>
<div class="list-group-item-x-xl-5"></div>
<div class="list-group-item-y-xl-5"></div>