Warum verwendet Bootstrap negative Margen?
Warum verwendet Bootstrap negative Margen?

Video: Warum verwendet Bootstrap negative Margen?

Video: Warum verwendet Bootstrap negative Margen?
Video: Bootstrap Confidence Interval with Examples | Statistics Tutorial #36 | MarinStatsLectures 2024, November
Anonim

Zeilen haben a Negativ links rechts Rand von -15px. Das Container-Padding von 15px wird verwendet, um dem negative Margen der Reihe. Dies dient dazu, den Inhalt gleichmäßig an den Rändern des Layouts auszurichten. Wenn Sie eine Zeile nicht in einen Container einfügen, überläuft die Zeile ihren Container, was zu einem unerwünschten horizontalen Scrollen führt.

Warum hat die Bootstrap-Reihe in diesem Zusammenhang eine negative Marge?

Insgesamt Netz Systeme gibt es zwischen jeder Spalte Rinnen. letzte Klasse in diesen Spalten als einige Netz Systeme dies tun, setzen sie stattdessen die. Reihe Klasse zu haben negative Margen die der Auffüllung der Spalten entsprechen. Dies "zieht" die Dachrinnen von der ersten und letzten Spalte ab und macht sie gleichzeitig breiter.

Wie richte ich außerdem ein Div in Bootstrap 4 zentriert aus? 1 - Vertikal Center Verwenden von automatischen Rändern Eine Möglichkeit, vertikal Center ist die Verwendung von my-auto. Dieser Wille Center das Element in seiner flexbox Container (Die Bootstrap 4 . Zeile ist display:flex). Zum Beispiel macht h-100 die Zeile auf die volle Höhe und my-auto wird vertikal Center die Spalte col-sm-12.

Wie lege ich dann Ränder in Bootstrap fest?

t - Sätze Rand -top oder padding-top. b - Sätze Rand -unten oder Polsterung-unten. l - Sätze Rand -links oder padding-links. r - Sätze Rand -rechts oder padding-rechts.

Weitere Abstandsbeispiele.

.m-# / m-*-# Rand auf allen Seiten Versuch es
.meine-# / mein-*-# Rand oben und unten Versuch es
.p-# / p-*-# Polsterung an allen Seiten Versuch es

Was sind die Bootstrap-Breakpoints?

Responsiv Haltepunkte Diese Haltepunkte basieren hauptsächlich auf minimalen Ansichtsfensterbreiten und ermöglichen es uns, Elemente zu vergrößern, wenn sich das Ansichtsfenster ändert. Bootstrap verwendet hauptsächlich die folgenden Medienabfragebereiche – oder Haltepunkte -in unseren Quell-Sass-Dateien für unser Layout, Rastersystem und Komponenten.

Empfohlen: