Grid Gutter

Die Klassen "row" und "col" haben Aussen- und Innenabstand.

  • ".row" = "margin-left: -15px; margin-right: -15px;
  • ".col-*" = "padding-left:15px; padding-right:15px;

Werden keine oder andere Abstände gewünscht, müssen diese Werte überschrieben werden.


Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
HTML Elemente

Anregungen:

Werden den verwendeten Klassen "col-*" die Innenabstände "padding" entfernt, besitzen Texte im Grid keinen Abstand mehr zueinander.

Die Abstände können auf 0 gesetzt oder erhöht werden.

Bei Boxen die über die gesamte Zeilenbreite reichen, kann es erforderlich sein, fixe Innenabstände für alle, nicht aber für die letzte Box setzen:

[class*="col-"] {
padding-right: 30px;
padding-left: 0;
background:#dedede;
}
[class*="col-"]:last-child {
padding-right: 0px;
padding-left: 0;
}

Ergänze die CSS-Deklaration und untersuche das Verhalten mit mehr oder weniger Padding.