Přejít na hlavní obsah Přejít na navigaci v dokumentech
Check
in English

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 postaven 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 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: 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 zacílení na konkrétní výřezy (např .me-md-3.margin-right: 1rem —in 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.