Contextual classes In Bootstrap

Use contextual classes to style list items, default or linked. Also includes .active state.
We can define contextual classes in two ways
step1:- using un-orderd list

<ul class="list-group">
  <li class="list-group-item list-group-item-success">List-Group-item-1</li>
  <li class="list-group-item list-group-item-info">List-Group-item-2</li>
  <li class="list-group-item list-group-item-warning">List-Group-item-3</li>
  <li class="list-group-item list-group-item-danger">List-Group-item-4</li>
</ul>

step2:-using div

<div class="list-group">
  <a href="#" class="list-group-item list-group-item-success">List-Group-item-1</a>
  <a href="#" class="list-group-item list-group-item-info">List-Group-item-2</a>
  <a href="#" class="list-group-item list-group-item-warning">List-Group-item-3</a>
  <a href="#" class="list-group-item list-group-item-danger">List-Group-item-4</a>
</div>