Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:front-end_framework:bootstrap_4:listacsoportok

< Bootsrap 4

Listacsoportok

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>

oktatas/web/front-end_framework/bootstrap_4/listacsoportok.txt · Utolsó módosítás: 2024/09/06 22:08 szerkesztette: admin