List group sizes

Change list group items padding, font size and border radius by adding class.

List item 1List item 2List item 3List item 4List item 5
List item 1List item 2List item 3List item 4List item 5
List item 1List item 2List item 3List item 4List item 5
List item 1List item 2List item 3List item 4List item 5
List item 1List item 2List item 3List item 4List item 5 
<!-- Source -->
<div class="list-group list-group-1"></div>
<div class="list-group list-group-2"></div>
<div class="list-group list-group-3"></div>
<div class="list-group list-group-4"></div>
<div class="list-group list-group-5"></div>

Responsive

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

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

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

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