szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:front-end_framework:bootstrap 4|< Bootsrap 4]]

====== Megjelenés ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2020
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== 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

<code html>
<div class="d-print-none">
Csak képernyőn látszik
</div>
</code>

<code html>
<div class="d-none d-print-block">
Csak nyomtatásban látszik
</div>
</code>

<code html>
<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>
</code>

===== Láthatóság =====

  * .visible
  * .invisible