Miksi bootstrap käyttää negatiivisia marginaaleja?
Miksi bootstrap käyttää negatiivisia marginaaleja?

Video: Miksi bootstrap käyttää negatiivisia marginaaleja?

Video: Miksi bootstrap käyttää negatiivisia marginaaleja?
Video: Become A Master Of SDXL Training With Kohya SS LoRAs - Combine Power Of Automatic1111 & SDXL LoRAs 2024, Saattaa
Anonim

Riveillä on a negatiivinen vasen oikea marginaali -15 kuvapistettä. Säilön pehmuste 15px käytetään estämään negatiiviset marginaalit rivistä. Näin sisältö pysyy tasaisesti kohdistettuna asettelun reunoihin. Jos et laita riviä säilöön, rivi täyttää säilön, mikä aiheuttaa ei-toivotun vaakavierityksen.

Miksi bootstrap-rivillä on tässä suhteessa negatiivinen marginaali?

Kaikkiaan ruudukko järjestelmissä jokaisen pilarin välissä on kourut. viimeinen luokka näillä sarakkeilla ruudukko järjestelmät tekevät, ne asettavat sen sijaan. rivi luokka saada negatiiviset marginaalit jotka vastaavat sarakkeiden täyttöä. Tämä "vetää" kourut irti ensimmäisestä ja viimeisestä sarakkeesta ja samalla tekee siitä leveämmän.

Lisäksi, kuinka keskitän div-kohdan bootstrap 4:ssä? 1 - Pysty Keskusta Automaattisten marginaalien käyttäminen Yksi tapa pystysuoraan keskusta on käyttää my-autoa. Tämä tulee keskusta the elementti sen flexboxissa kontti ( Bootstrap 4 . rivi on display:flex). Esimerkiksi h-100 tekee rivistä täyskorkeuden ja my-auto pystysuorassa keskusta col-sm-12-kolonni.

Kuinka sitten asetan marginaalit bootstrapissa?

t - asettaa marginaali -top tai pehmuste-top. b - sarjat marginaali -pohja tai pehmuste-pohja. l - sarjat marginaali -vasen tai pehmuste-vasen. r - asettaa marginaali -oikea tai täyte-oikea.

Lisää esimerkkejä välilyönnistä.

.m-# / m-*-# marginaali joka puolelta Kokeile
.minun minun-*-# marginaali ylä- ja alareunassa Kokeile
.p-# / p-*-# pehmusteet joka puolella Kokeile

Mitkä ovat bootstrapin keskeytyskohdat?

Responsiivinen keskeytyspisteitä Nämä keskeytyspisteitä perustuvat enimmäkseen näkymän vähimmäisleveyksiin ja mahdollistavat elementtien skaalauksen näkymän muuttuessa. Bootstrap käyttää ensisijaisesti seuraavia mediakyselyalueita-tai keskeytyspisteitä -lähde Sass-tiedostoissamme asettelullemme, ruudukkojärjestelmällemme ja komponenteillemme.

Suositeltava: