Waarom gebruik bootstrap negatiewe marges?
Waarom gebruik bootstrap negatiewe marges?

Video: Waarom gebruik bootstrap negatiewe marges?

Video: Waarom gebruik bootstrap negatiewe marges?
Video: Tips and Tricks of Margin and Padding in Bootstrap 5 | Bootstrap Spacing | Bootstrap 5 Tutorial 2024, April
Anonim

Rye het 'n negatief Links regs marge van -15 px. Die Container padding van 15px word gebruik om die teen te werk negatiewe marges van die Ry. Dit is om inhoud eweredig in lyn te hou op die kante van die uitleg. As jy nie 'n ry in 'n houer plaas nie, sal die ry sy houer oorloop, wat 'n ongewenste horisontale blaai veroorsaak.

Met betrekking tot hierdie, hoekom het bootstrap-ry negatiewe marge?

Alles rooster stelsels, is daar geute tussen elke kolom. laaste klas op daardie kolomme as sommige rooster stelsels doen, stel hulle eerder die. ry klas te hê negatiewe marges wat by die vulsel van die kolomme pas. Dit "trek" die geute van die eerste en laaste kolomme af, en maak dit terselfdertyd wyer.

Verder, hoe sentreer ek 'n div in bootstrap 4? 1 - Vertikaal Sentrum Gebruik outomatiese marges Een manier om vertikaal sentrum is om my-auto te gebruik. Hierdie sal sentrum die element binne sy flexbox houer (Die Bootstrap 4 . ry is display:flex). Byvoorbeeld, h-100 maak die ry volle hoogte, en my-auto sal vertikaal sentrum die kol-sm-12-kolom.

Hoe stel ek dan marges in bootstrap?

t - stelle marge -top of padding-top. b - stelle marge -onder of opvulling-onder. l - stelle marge -links of padding-links. r - stelle marge -regs of opvulling-regs.

Meer spasiëringsvoorbeelde.

.m-# / m-*-# kantlyn aan alle kante Probeer dit
. Allawêreld-*-# marge bo en onder Probeer dit
.p-# / p-*-# vulling aan alle kante Probeer dit

Wat is die selflaai-breekpunte?

Responsief breekpunte Hierdie breekpunte is meestal gebaseer op minimum viewport-wydtes en stel ons in staat om elemente op te skaal soos die viewport verander. Bootstrap gebruik hoofsaaklik die volgende medianavraagreekse-of breekpunte -in ons bron Sass-lêers vir ons uitleg, roosterstelsel en komponente.

Aanbeveel: