oktatas:web:front-end_framework:bootstrap_5:kontenerek
Különbségek
A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalonElőző változatKövetkező változat | Előző változat | ||
oktatas:web:front-end_framework:bootstrap_5:kontenerek [2021/10/24 17:00] – [Bootstrap konténerek] admin | oktatas:web:front-end_framework:bootstrap_5:kontenerek [2021/10/24 17:46] (aktuális) – [Bootstrap konténerek] admin | ||
---|---|---|---|
Sor 12: | Sor 12: | ||
A konténer alapvető elrendezési elem a Bootstrap-ben. | A konténer alapvető elrendezési elem a Bootstrap-ben. | ||
+ | |||
+ | A Bootstrap három különböző konténert tartalmaz: | ||
+ | |||
+ | * .container - minden töréspontnál beállít egy max-width értéket | ||
+ | * .container-fluid - minden töréspontnál 100% | ||
+ | * .container-{töréspont} - a max-width megadott töréspontig 100% | ||
+ | |||
+ | |||
+ | A következő táblázatban látható a .countainer és a .container-fluid-hoz | ||
+ | képest, hogyan viszonyulnak a töréspont beállítások. | ||
Sor 25: | Sor 35: | ||
| .container-fluid | | .container-fluid | ||
+ | |||
+ | ===== Az alapértelmezett tároló ===== | ||
Az alapértelmezett tároló egy reszponzív, | Az alapértelmezett tároló egy reszponzív, | ||
Sor 34: | Sor 46: | ||
</ | </ | ||
+ | ===== Érzékeny konténerek ===== | ||
< | < | ||
Sor 42: | Sor 55: | ||
<div class=" | <div class=" | ||
</ | </ | ||
+ | |||
+ | |||
+ | ===== Folyékony tartály ===== | ||
+ | |||
+ | < | ||
+ | <div class=" | ||
+ | ... | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
oktatas/web/front-end_framework/bootstrap_5/kontenerek.1635087658.txt.gz · Utolsó módosítás: 2021/10/24 17:00 szerkesztette: admin