Source

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 4 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 pomocou .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 4 obsahuje päťúrovňovú stupnicu pre rozdeľovacie nástroje na základe 1rempredvolenej $spacerpremennej hodnoty. Vyberte hodnoty pre všetky výrezy (napr. .mr-3pre margin-right: 1rem) alebo vyberte responzívne varianty, aby ste zacielili na konkrétne výrezy (napr. .mr-md-3pre margin-right: 1remzačiatok v mdbode prerušenia).

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.