Miks bootstrap kasutab negatiivseid veerisid?
Miks bootstrap kasutab negatiivseid veerisid?

Video: Miks bootstrap kasutab negatiivseid veerisid?

Video: Miks bootstrap kasutab negatiivseid veerisid?
Video: Responsive Design with Bootstrap by Neel Mehta 2024, Mai
Anonim

Ridadel on a negatiivne vasak parem marginaal -15 pikslit. Selle vastu võitlemiseks kasutatakse konteineri polsterdust 15 pikslit negatiivsed marginaalid reast. Selle eesmärk on hoida sisu paigutuse servadel ühtlaselt joondatud. Kui te rida konteinerisse ei pane, ajab rida selle konteineri üle, põhjustades soovimatu horisontaalse kerimise.

Miks on alglaadimisreal negatiivne varu?

Kõik võre süsteemid, iga veeru vahel on vihmaveerennid. viimane klass nendel veergudel nagu mõned võre süsteemid teevad, määravad nad selle asemel. rida klass omada negatiivsed marginaalid mis sobivad veergude polsterdusega. See "tõmbab" esimese ja viimase veeru vihmaveerennid ära, muutes selle samal ajal laiemaks.

Lisaks, kuidas joondada bootstrapis 4 div keskpunkti? 1 – vertikaalne Keskus Automaatsete veeriste kasutamine Üks võimalus vertikaalseks Keskus on kasutada my-autot. See tahe Keskus a element see on flexbox konteiner ( Bootstrap 4 . rida on display:flex). Näiteks h-100 muudab rea täiskõrguseks ja my-auto vertikaalselt Keskus kolonn sm-12.

Kuidas siis bootstrapis veerisid määrata?

t - seab marginaal -top või polsterdus-top. b - komplektid marginaal -põhi või polsterdus-põhi. l - komplektid marginaal -vasak või polster-vasak. r - komplektid marginaal -parem või polsterdus-parem.

Rohkem vahekauguste näiteid.

.m-# / m-*-# veeris igast küljest Proovi seda
.minu-# / minu-*-# veeris ülevalt ja alt Proovi seda
.p-# / p-*-# polsterdus kõikidel külgedel Proovi seda

Mis on alglaadimise katkestuspunktid?

Vastutulelik murdepunktid Need murdepunktid põhinevad enamasti minimaalsel vaateava laiusel ja võimaldavad meil vaateava muutudes elemente suurendada. Bootstrap kasutab peamiselt järgmisi meediumipäringu vahemikke-või murdepunktid - meie paigutuse, ruudustikusüsteemi ja komponentide jaoks meie allika Sass-failides.

Soovitan: