Listeleme
Örnek
<ul class="list-group">
<li class="list-group-item">Cras justo odio</li>
<li class="list-group-item">Dapibus ac facilisis in</li>
<li class="list-group-item">Morbi leo risus</li>
<li class="list-group-item">Porta ac consectetur ac</li>
<li class="list-group-item">Vestibulum at eros</li>
</ul>
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Link Listeleme
<div class="list-group l-list">
<a href="javascript:void(0)" class="list-group-item active">Cras justo odio</a>
<a href="javascript:void(0)" class="list-group-item">Dapibus ac facilisis in</a>
<a href="javascript:void(0)" class="list-group-item">Morbi leo risus</a>
<a href="javascript:void(0)" class="list-group-item">Porta ac consectetur ac</a>
<a href="javascript:void(0)" class="list-group-item">Vestibulum at eros</a>
</div>
Rozet ile
<ul class="list-group list-group-full l-list">
<li class="list-group-item active">
<span class="badge badge-list-color-1">6</span> Cras justo odio
</li>
<li class="list-group-item">
<span class="badge badge-list-color-1">6</span> Dapibus ac facilisis in
</li>
<li class="list-group-item">
<li class="list-group-item">
<li class="list-group-item">
Vestibulum at eros
</li>
</ul>
- Cras justo odio 1
- Dapibus ac facilisis in 1
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Media object
-
Janice Clark
İnsan Kaynakları Sorumlusu
Malesuada fames ac turpis egestas sed tempus urna et pharetra. Aliquam sem et tortor consequat id porta. Feugiat in ante metus dictum.12
Joe Jordan
Halkla İlişkiler Uzmanı
Convallis convallis tellus id interdum velit. Fermentum dui faucibus in ornare quam viverra. Et malesuada fames ac turpis egestas.