mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-08 17:22:31 +03:00
Adding contextual styles to list-items
This commit is contained in:
@@ -3325,6 +3325,27 @@ body { padding-bottom: 70px; }
|
||||
<a href="#" class="list-group-item">Porta ac consectetur ac</a>
|
||||
<a href="#" class="list-group-item">Vestibulum at eros</a>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user