Preskočiť na hlavný obsah Preskočiť na navigáciu v dokumentoch
in English

Pomôcky na usporiadanie

Pre rýchlejší vývoj prijateľný pre mobilné zariadenia a pohotový vývoj obsahuje Bootstrap desiatky pomocných tried na zobrazenie, skrytie, zarovnanie a rozmiestnenie obsahu.

Zmenadisplay

Použite naše zobrazovacie nástroje na citlivé prepínanie bežných hodnôt displaynehnuteľnosti. Zmiešajte ho s naším mriežkovým systémom, obsahom alebo komponentmi, aby ste ich zobrazili alebo skryli v konkrétnych výrezoch.

Možnosti Flexboxu

Bootstrap je vytvorený s flexboxom, ale nie každý prvok displaybol zmenený, display: flexpretože by to pridalo veľa zbytočných prepisov a neočakávane zmenilo kľúčové správanie prehliadača. Väčšina našich komponentov je vyrobená s podporou flexboxu.

Ak potrebujete pridať display: flexdo prvku, urobte tak s .d-flexalebo jedným z responzívnych variantov (napr. .d-sm-flex). Túto triedu alebo displayhodnotu budete potrebovať, aby ste mohli používať naše ďalšie nástroje flexbox na dimenzovanie, zarovnanie, rozstupy a ďalšie.

Okraj a výplň

Pomocou nástrojov margina padding rozstupov môžete ovládať rozmiestnenie a veľkosť prvkov a komponentov. Bootstrap obsahuje šesťúrovňovú stupnicu pre rozdeľovacie nástroje na základe 1rempredvolenej $spacerpremennej hodnoty. Vyberte hodnoty pre všetky výrezy (napr. .me-3pre margin-right: 1remv LTR), alebo vyberte responzívne varianty, aby ste zacielili na konkrétne výrezy (napr . .me-md-3pre „v LTR margin-right: 1rem“ od mdbodu zlomu).

Prepnúťvisibility

Keď prepínanie displaynie je potrebné, môžete prepnúť visibilityprvok pomocou našich nástrojov viditeľnosti . Neviditeľné prvky budú stále ovplyvňovať rozloženie stránky, ale sú vizuálne skryté pre návštevníkov.