Neu bei Bootstrap und ich habe angefangen, v4 zu lernen. Ich bemühe mich, ein einfaches Bild mit nur den CSS-Klassen von Bootstrap zu zentrieren.
Ich habe schon verschiedene Dinge ausprobiert. Einer hat die Bootstrap-CSS-Klasse mx-auto zum img -Element hinzugefügt, was nichts tut.
Hilfe ist willkommen.
%Vor% Bild wird standardmäßig als Inline-Block angezeigt, Sie müssen es als Block anzeigen, um es mit .mx-auto zu zentrieren. Dies kann mit dem integrierten .d-block :
Oder lass es als Inline-Block und umgebe es in ein div mit .text-center :
Ich habe eine Geige gemacht, die beide Wege zeigt. Sie sind auch hier dokumentiert.
Da das img ein Inline-Element ist, verwenden Sie einfach text-center auf seinem Container. Mit mx-auto wird auch der Container (Spalte) zentriert.
Wenn Sie nur das Bild zentrieren möchten (und nicht den anderen Spalteninhalt), machen Sie das Bild display: block mit d-block , und dann funktioniert mx-auto .
Tags und Links twitter-bootstrap bootstrap-4 twitter-bootstrap-4