Tipográfia

Listacsoportok

Egyszerű listacsoport

<ul class="list-group">
   <li class="list-group-item">tojás</li>
   <li class="list-group-item">liszt</li>
   <li class="list-group-item">só</li>
</ul>

tojás
liszt
só

Linkelt listacsoport

<ul class="list-group">
   <a href="#" class="list-group-item list-group-item-action">tojás</a>
   <a href="#" class="list-group-item list-group-item-action">liszt</a>
   <a href="#" class="list-group-item list-group-item-action">só</a>
</ul>

tojás

liszt

só

Vízszintes listacsoport

<ul class="list-group list-group-horizontal">
   <li class="list-group-item">tojás</li>
   <li class="list-group-item">liszt</li>
   <li class="list-group-item">só</li>
   <li class="list-group-item">tej</li>
</ul>

tojás
liszt
só
tej

Egyéb variációk: https://getbootstrap.com/docs/5.2/components/list-group/

Teszteléshez kattintsunk arra a gombra, amelyre az egérkurzort téve "Edit on StackBlitz" szöveg jelenik meg!

Itt a forrásprogram módosítható is!