Nástroje pro rozvržení
Pro rychlejší vývoj přizpůsobený pro mobilní zařízení a pohotovější reakci obsahuje Bootstrap desítky tříd obslužných programů pro zobrazení, skrytí, zarovnání a umístění obsahu.
Měnící sedisplay
Použijte naše zobrazovací nástroje pro citlivé přepínání společných hodnot display
nemovitosti. Smíchejte jej s naším mřížkovým systémem, obsahem nebo komponentami, abyste je zobrazili nebo skryli v konkrétních výřezech.
Možnosti Flexboxu
Bootstrap je postaven s flexboxem, ale ne každý prvek display
byl změněn, display: flex
protože by to přidalo mnoho zbytečných přepisů a nečekaně změnilo klíčové chování prohlížeče. Většina našich komponent je postavena s aktivovaným flexboxem.
Pokud potřebujete přidat display: flex
do prvku, udělejte to s .d-flex
nebo některou z responzivních variant (např. .d-sm-flex
). Tuto třídu nebo display
hodnotu budete potřebovat, abyste mohli používat naše další nástroje flexbox pro dimenzování, zarovnání, rozestupy a další.
Okraj a výplň
Pomocí obslužných programů margin
a padding
mezer můžete ovládat, jak jsou prvky a komponenty rozmístěny a velikost. Bootstrap obsahuje šestiúrovňovou stupnici pro rozmístění obslužných programů na základě 1rem
výchozí $spacer
proměnné hodnoty. Vyberte hodnoty pro všechny výřezy (např. .me-3
pro margin-right: 1rem
v LTR), nebo vyberte responzivní varianty zacílení na konkrétní výřezy (např .me-md-3
.margin-right: 1rem
—in LTR— počínaje bodem md
přerušení).
Přepnoutvisibility
Když přepínání display
není potřeba, můžete přepnout visibility
prvek pomocí našich nástrojů pro viditelnost . Neviditelné prvky budou stále ovlivňovat rozložení stránky, ale jsou vizuálně skryté pro návštěvníky.