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 displaynemovitosti. 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 vytvořen s flexboxem, ale ne každý prvek displaybyl změněn, display: flexprotože by to přidalo mnoho zbytečných přepisů a neočekávaně 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: flexdo prvku, udělejte to s .d-flexnebo některou z responzivních variant (např. .d-sm-flex). Tuto třídu nebo displayhodnotu 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ů margina 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ě 1remvýchozí $spacerproměnné hodnoty. Vyberte hodnoty pro všechny výřezy (např. .me-3pro margin-right: 1remv LTR), nebo vyberte responzivní varianty, abyste zacílili na konkrétní výřezy (např. .me-md-3pro margin-right: 1rem—v LTR— počínaje bodem mdpřerušení).
Přepnoutvisibility
Když přepínání displaynení potřeba, můžete přepnout visibilityprvek 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.