Bootstrap 4 Schnellstart – Ausrichtung
Ausrichtung
Das Grid im Layout kann noch weiter beeinflusst werden. Standardmäßig wird das Grid nach oben ausgerichtet. Allerdings kann man die Ausrichtung vertikal und auch horizontal ändern.
Für die vertikale Ausrichtung kannst du folgende Optionen auf einer Zeile verwenden:
| Ausrichtung | Klasse |
| Oben | align-items-start |
| Mitte | align-items-center |
| Unten | align-items-end |
Auf den Spalten kann die vertikale Ausrichtung ebenfalls geändert werden:
| Ausrichtung | Klasse |
| Oben | align-self-start |
| Mitte | align-self-center |
| Unten | align-self-end |
Die Zeilen selbst lassen sich auch horizontal ausrichten:
| Ausrichtung | Klasse |
| Links | justify-content-start |
| Zentriert | justify-content-center |
| Rechts | justify-content-end |
| Einzel Spalten zentriert | justify-content-around |
| Einzel Spalten nach außen | justify-content-between |
In dieser Übung siehst du alle Varianten zum Testen und ausprobieren.