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 display
nehnuteľ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 display
bol zmenený, display: flex
pretož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: flex
do prvku, urobte tak pomocou .d-flex
alebo jedným z responzívnych variantov (napr. .d-sm-flex
). Túto triedu alebo display
hodnotu 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 margin
a 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 1rem
predvolenej $spacer
premennej hodnoty. Vyberte hodnoty pre všetky výrezy (napr. .mr-3
pre margin-right: 1rem
) alebo vyberte responzívne varianty, aby ste zacielili na konkrétne výrezy (napr. .mr-md-3
pre margin-right: 1rem
začiatok v md
bode prerušenia).
Prepnúťvisibility
Keď prepínanie display
nie je potrebné, môžete prepnúť visibility
prvok 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.