Pereiti prie pagrindinio turinio Pereiti prie dokumentų naršymo
in English

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 displaynuosavybė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 displaybuvo pakeistas, display: flexnes 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: flexprie elemento, padarykite tai naudodami .d-flexarba vieną iš interaktyvių variantų (pvz., .d-sm-flex). Jums reikės šios klasės arba displayvertė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 marginir padding tarpų įrankius . „Bootstrap“ apima šešių lygių skalę tarpų paskirstymui pagal 1remnumatytąjį $spacerkintamąjį. Pasirinkite visų peržiūros sričių reikšmes (pvz., .me-3LTR margin-right: 1rem) arba pasirinkite interaktyvius variantus, kad galėtumėte taikyti konkrečias peržiūros sritis (pvz., .me-md-3margin-right: 1remLTR – pradedant nuo lūžio mdtaško).

Perjungtivisibility

Kai perjungti displaynereikia, galite perjungti visibilityelementą naudodami matomumo priemones . Nematomi elementai vis tiek turės įtakos puslapio išdėstymui, tačiau yra vizualiai paslėpti nuo lankytojų.