Felhasználói eszközök

Eszközök a webhelyen


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.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
Következő változat
Előző változat
oktatas:web:front-end_framework:bootstrap_5:kontenerek [2021/10/24 17:00] – [Bootstrap konténerek] adminoktatas: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  | 100% | 100% | 100% | 100% | 100% | 100% | | .container-fluid  | 100% | 100% | 100% | 100% | 100% | 100% |
  
 +
 +===== Az alapértelmezett tároló =====
  
 Az alapértelmezett tároló egy reszponzív, fix szélességű tároló.  Az alapértelmezett tároló egy reszponzív, fix szélességű tároló. 
Sor 34: Sor 46:
 </code> </code>
  
 +===== Érzékeny konténerek =====
  
 <code> <code>
Sor 42: Sor 55:
 <div class="container-xxl">100% az extra extra large töréspontig</div> <div class="container-xxl">100% az extra extra large töréspontig</div>
 </code> </code>
 +
 +
 +===== Folyékony tartály =====
 +
 +<code>
 +<div class="container-fluid">
 +  ...
 +</div>
 +</code>
 +
 +
  
oktatas/web/front-end_framework/bootstrap_5/kontenerek.1635087658.txt.gz · Utolsó módosítás: 2021/10/24 17:00 szerkesztette: admin