diff options
| author | Aaron Borden <[email protected]> | 2013-10-16 19:02:04 -0700 |
|---|---|---|
| committer | Aaron Borden <[email protected]> | 2013-10-16 19:02:04 -0700 |
| commit | 0c2055ef381d55388540496996788861fa04b7d8 (patch) | |
| tree | 1b3622fef96c2fc75ff3949f2368c8addfecf0e9 /components.html | |
| parent | 3e9e339ee3140c44e1d3948981a551c16f22b1a9 (diff) | |
| download | bootstrap-0c2055ef381d55388540496996788861fa04b7d8.tar.xz bootstrap-0c2055ef381d55388540496996788861fa04b7d8.zip | |
Adding contextual styles to list-items
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/components.html b/components.html index b4040dbe9..3a6ccca1d 100644 --- a/components.html +++ b/components.html @@ -3327,6 +3327,27 @@ body { padding-bottom: 70px; } </div> {% endhighlight %} + <h3 id="list-group-contextual-classes">Contextual classes</h3> + <p>Use contextual classes to color list items.</p> + <div class="bs-example"> + <div class="list-group"> + <a href="#" class="list-group-item">Cras justo odio</a> + <a href="#" class="list-group-item success">Dapibus ac facilisis in</a> + <a href="#" class="list-group-item">Morbi leo risus</a> + <a href="#" class="list-group-item warning">Porta ac consectetur ac</a> + <a href="#" class="list-group-item danger">Vestibulum at eros</a> + </div> + </div> +{% highlight html %} +<div class="list-group"> + <a href="#" class="list-group-item">Cras justo odio</a> + <a href="#" class="list-group-item success">Dapibus ac facilisis in</a> + <a href="#" class="list-group-item">Morbi leo risus</a> + <a href="#" class="list-group-item warning">Porta ac consectetur ac</a> + <a href="#" class="list-group-item danger">Vestibulum at eros</a> +</div> +{% endhighlight %} + <h3 id="list-group-custom-content">Custom content</h3> <p>Add nearly any HTML within, even for linked list groups like the one below.</p> <div class="bs-example"> |