diff options
| author | Mark Otto <[email protected]> | 2013-12-07 14:10:41 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-12-07 14:10:41 -0800 |
| commit | a9b86cbfde788b2ffc066353b4f77c45345c0e78 (patch) | |
| tree | 30e0a34533685043f92f9142e98374cc48428675 /components.html | |
| parent | a1f737b43632f4615d54ec993dc645f858e3ca8d (diff) | |
| parent | 07de53c644b315852c5f315ab91bfd6d65660d50 (diff) | |
| download | bootstrap-a9b86cbfde788b2ffc066353b4f77c45345c0e78.tar.xz bootstrap-a9b86cbfde788b2ffc066353b4f77c45345c0e78.zip | |
Merge branch 'pr/11138'
Conflicts:
dist/css/bootstrap.min.css
dist/js/bootstrap.min.js
docs-assets/js/raw-files.js
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/components.html b/components.html index 8653149ff..c515d2030 100644 --- a/components.html +++ b/components.html @@ -3356,6 +3356,43 @@ body { padding-bottom: 70px; } </div> {% endhighlight %} + <h3 id="list-group-contextual-classes">Contextual classes</h3> + <p>Use contextual classes to style list items, default or linked. Also includes <code>.active</code> state.</p> + <div class="bs-example"> + <div class="row"> + <div class="col-sm-6"> + <ul class="list-group"> + <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li> + <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li> + <li class="list-group-item list-group-item-danger">Vestibulum at eros</li> + <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li> + </ul> + </div> + <div class="col-sm-6"> + <div class="list-group"> + <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a> + <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a> + <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a> + <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a> + </div> + </div> + </div> + </div> +{% highlight html %} +<ul class="list-group"> + <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li> + <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li> + <li class="list-group-item list-group-item-danger">Vestibulum at eros</li> + <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li> +</ul> +<div class="list-group"> + <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a> + <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a> + <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a> + <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</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"> |