Varför använder bootstrap negativa marginaler?
Varför använder bootstrap negativa marginaler?

Video: Varför använder bootstrap negativa marginaler?

Video: Varför använder bootstrap negativa marginaler?
Video: Web Design Best Practices: Learning the Basics 2024, November
Anonim

Rader har en negativ vänster höger marginal av -15px. Container-stoppningen på 15px används för att motverka negativa marginaler av raden. Detta för att hålla innehållet jämnt anpassat på layoutens kanter. Om du inte lägger en rad i en behållare, kommer raden att svämma över sin behållare, vilket orsakar en oönskad horisontell rullning.

Med hänsyn till detta, varför har bootstrap-raden negativ marginal?

I alla rutnät system, det finns rännor mellan varje kolumn. sista klassen på dessa kolumner som vissa rutnät system gör, ställer de istället in. rad klass att ha negativa marginaler som matchar kolumnernas utfyllnad. Detta "drar" bort rännorna från den första och sista kolumnen, samtidigt som den gör den bredare.

Dessutom, hur centrerar jag en div i bootstrap 4? 1 - Vertikal Centrum Använda automatiska marginaler Ett sätt att vertikalt Centrum är att använda my-auto. Det här kommer att Centrum de element i sin flexbox behållare (De Bootstrap 4 . raden är display:flex). Till exempel gör h-100 raden till full höjd, och my-auto kommer vertikalt Centrum kol-sm-12-kolumnen.

Hur ställer jag in marginaler i bootstrap?

t - uppsättningar marginal -top eller padding-top. b - set marginal -botten eller stoppning-botten. l - set marginal -vänster eller stoppning-vänster. r - uppsättningar marginal -höger eller stoppning-höger.

Fler avståndsexempel.

.m-# / m-*-# marginal på alla sidor Försök
.min min-*-# marginal topp och botten Försök
.p-# / p-*-# stoppning på alla sidor Försök

Vilka är bootstrap-brytpunkterna?

Mottaglig brytpunkter Dessa brytpunkter är mestadels baserade på minsta visningsportbredd och låter oss skala upp element när visningsporten ändras. Bootstrap använder i första hand följande mediafrågeintervall - eller brytpunkter -i våra Sass-källfiler för vår layout, rutsystem och komponenter.

Rekommenderad: