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.