Listacsoportok

Szerző: Sallai András
Copyright © Sallai András, 2020
Licenc: CC Attribution-Share Alike 4.0 International
Web: https://szit.hu

Listacsoport

<ul class="list-group">
  <li class="list-group-item">alma</li>
  <li class="list-group-item">körte</li>
  <li class="list-group-item">barack</li>
  <li class="list-group-item">szilva</li>
</ul>

Aktív elem

<ul class="list-group">
  <li class="list-group-item">alma</li>
  <li class="list-group-item">körte</li>
  <li class="list-group-item active">barack</li>
  <li class="list-group-item">szilva</li>
</ul>

Nincs szegély

<ul class="list-group list-group-flush">
  <li class="list-group-item">alma</li>
  <li class="list-group-item">körte</li>
  <li class="list-group-item">barack</li>
  <li class="list-group-item">szilva</li>
</ul>

Vízszintes listacsoport

<ul class="list-group list-group-horizontal">
  <li class="list-group-item">alma</li>
  <li class="list-group-item">körte</li>
  <li class="list-group-item">barack</li>
  <li class="list-group-item">szilva</li>
</ul>

Linklista

    <div class="list-group">
        <a href="#" class="list-group-item list-group-item-action">alma</a>
        <a href="#" class="list-group-item list-group-item-action">körte</a>
        <a href="#" class="list-group-item list-group-item-action">barack</a>
        <a href="#" class="list-group-item list-group-item-action">szilva</a>
    </div>

Tiltott

<div class="list-group">
    <a href="#" class="list-group-item">alma</a>
    <a href="#" class="list-group-item">körte</a>
    <a href="#" class="list-group-item disabled">barack</a>
    <a href="#" class="list-group-item">szilva</a>
</div>