oktatas:web:front-end_framework:bootstrap_4:megjelenites
Tartalomjegyzék
Megjelenés
- Szerző: Sallai András
- Copyright © Sallai András, 2020
- 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
<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