Komunalinės paslaugos maketavimui
Siekiant greitesnio mobiliesiems pritaikyto ir jautresnio kūrimo, „Bootstrap“ apima daugybę naudingumo klasių, skirtų turiniui rodyti, slėpti, lygiuoti ir išdėstyti tarpais.
Keičiantisdisplay
Naudokite mūsų rodymo priemones , kad perjungtumėte bendras display
nuosavybės vertes. Sumaišykite jį su mūsų tinklelio sistema, turiniu ar komponentais, kad parodytumėte arba paslėptumėte juos konkrečiose peržiūros srityse.
„Flexbox“ parinktys
„Bootstrap“ sukurta naudojant „flexbox“, bet ne kiekvienas elementas display
buvo pakeistas, display: flex
nes tai pridėtų daug nereikalingų perrašymų ir netikėtai pakeistų pagrindines naršyklės elgsenas. Dauguma mūsų komponentų yra sukurti su įjungta „flexbox“.
Jei reikia pridėti display: flex
prie elemento, padarykite tai naudodami .d-flex
arba vieną iš interaktyvių variantų (pvz., .d-sm-flex
). Jums reikės šios klasės arba display
vertės, kad galėtumėte naudoti papildomas „flexbox “ priemones , skirtas dydžiui, lygiavimui, tarpų nustatymui ir kt.
Paraštė ir užpildymas
Norėdami valdyti elementų ir komponentų išdėstymą ir dydį, naudokite margin
ir padding
tarpų įrankius . „Bootstrap“ apima šešių lygių skalę tarpų paskirstymui pagal 1rem
numatytąjį $spacer
kintamąjį. Pasirinkite visų peržiūros sričių reikšmes (pvz., .me-3
LTR margin-right: 1rem
) arba pasirinkite interaktyvius variantus, kad galėtumėte taikyti konkrečias peržiūros sritis (pvz., .me-md-3
– margin-right: 1rem
LTR – pradedant nuo lūžio md
taško).
Perjungtivisibility
Kai perjungti display
nereikia, galite perjungti visibility
elementą naudodami matomumo priemones . Nematomi elementai vis tiek turės įtakos puslapio išdėstymui, tačiau yra vizualiai paslėpti nuo lankytojų.