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 4 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 4 obsahuje pětiú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ř. .mr-3pro margin-right: 1rem), nebo vyberte responzivní varianty pro cílení na konkrétní výřezy (např. .mr-md-3pro margin-right: 1remzačátek v mdbodě př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.