Bootstrap List Group With Radio & Checkbox Inputs

Checkbox

 
 <div class="list-group checkbox-list-group">
<div class="list-group-item">&nbsp;<label><input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Default</span></label></div>
<div class="list-group-item list-group-item-success"><label>&nbsp;<input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Success</span></label></div>
<div class="list-group-item list-group-item-info"><label>&nbsp;<input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Info</span></label></div>
<div class="list-group-item list-group-item-warning"><label>&nbsp;<input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Warning</span></label></div>
<div class="list-group-item list-group-item-danger"><label>&nbsp;<input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Danger</span></label></div>
</div>

Radio With Font Awesome

 
 <div class="list-group radio-list-group">
<div class="list-group-item">&nbsp;<label><input type="radio" name="ra" value="1"><span class="list-group-item-text"><i class="fa fa-fw"></i> Default</span></label></div>
<div class="list-group-item list-group-item-success"><label>&nbsp;<input type="radio" name="ra" value="2"><span class="list-group-item-text"><i class="fa fa-fw"></i> Success</span></label></div>
<div class="list-group-item list-group-item-info"><label>&nbsp;<input type="radio" name="ra" value="3"><span class="list-group-item-text"><i class="fa fa-fw"></i> Info</span></label></div>
<div class="list-group-item list-group-item-warning"><label>&nbsp;<input type="radio" name="ra" value="4"><span class="list-group-item-text"><i class="fa fa-fw"></i> Warning</span></label></div>
<div class="list-group-item list-group-item-danger"><label>&nbsp;<input type="radio" name="ra" value="5"><span class="list-group-item-text"><i class="fa fa-fw"></i> Danger</span></label></div>
</div>

Radio Without Font Awesome

 
 <div class="list-group radio-list-group radio-list-group-2">
<div class="list-group-item">&nbsp;<label><input type="radio" name="ra1" value="1"><span class="list-group-item-text"><i class="fa fa-fw"></i> Default</span></label></div>
<div class="list-group-item list-group-item-success"><label>&nbsp;<input type="radio" name="ra1" value="2"><span class="list-group-item-text"><i class="fa fa-fw"></i> Success</span></label></div>
<div class="list-group-item list-group-item-info"><label>&nbsp;<input type="radio" name="ra1" value="3"><span class="list-group-item-text"><i class="fa fa-fw"></i> Info</span></label></div>
<div class="list-group-item list-group-item-warning"><label>&nbsp;<input type="radio" name="ra1" value="4"><span class="list-group-item-text"><i class="fa fa-fw"></i> Warning</span></label></div>
<div class="list-group-item list-group-item-danger"><label>&nbsp;<input type="radio" name="ra1" value="5"><span class="list-group-item-text"><i class="fa fa-fw"></i> Danger</span></label></div>
</div>