Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:front-end_framework:bootstrap_4:megjelenites

< Bootsrap 4

Megjelenés

Display

  • .d-{érték} for xs
  • .d-{töréspont}-{érték} az sm, md, lg és xl számára.

A következő értékek lehetnek:

  • none
  • inline
  • inline-block
  • block
  • table
  • table-cell
  • table-row
  • flex
  • inline-flex

A képernyő szélessége hatással van a töréspontokra. Például, a .d-lg-none beállítja a display: none beállítást, lg és xl képernyőn.

Egyszerre több beállítás méret alapján

xs méret esetén rejtés:

  • .d-none .d-sm-block

Rejtés sm méret esetén:

  • .d-sm-none .d-md-block

Nyomtatott médiumok beállításai

  • .d-print-none
  • .d-print-inline
  • .d-print-inline-block
  • .d-print-block
  • .d-print-table
  • .d-print-table-row
  • .d-print-table-cell
  • .d-print-flex
  • .d-print-inline-flex
<div class="d-print-none">
Csak képernyőn látszik
</div>
<div class="d-none d-print-block">
Csak nyomtatásban látszik
</div>
<div class="d-none d-lg-block d-print-block">
Csak nagyméretű képernyőn jelenik meg,  de nyomtatásban minden látszik.
</div>

Láthatóság

  • .visible
  • .invisible
oktatas/web/front-end_framework/bootstrap_4/megjelenites.txt · Utolsó módosítás: 2020/12/15 23:11 szerkesztette: admin