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 4“ 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 4“ apima penkių lygių skalę tarpų paskirstymui pagal 1remnumatytąjį $spacerkintamąjį. Pasirinkite reikšmes visoms peržiūros sritims (pvz., .mr-3) margin-right: 1remarba pasirinkite interaktyvius variantus, kad galėtumėte taikyti konkrečias peržiūros sritis (pvz., .mr-md-3pradedant margin-right: 1remnuo mdpertraukos taš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ų.