Color Variants
Use contextual color classes like .list-group-item-success, .list-group-item-danger, etc., to communicate status or importance.
Bootstrap
Beginner
2 min read
Contextual Color Variants
Example
<ul class="list-group">
<li class="list-group-item list-group-item-primary">Primary</li>
<li class="list-group-item list-group-item-success">Success</li>
<li class="list-group-item list-group-item-warning">Warning</li>
<li class="list-group-item list-group-item-danger">Danger</li>
<li class="list-group-item list-group-item-info">Info</li>
</ul> Pro Tip
Color alone should not convey meaning — pair colors with icons or text labels.