So zentrieren Sie das Bild im Bootstrap

Wenn Sie Bootstrap 3 verwenden, kann ein solches Problem auftreten. Sie können .text-center verwenden, um den Text zu zentrieren, aber das Bild kann nicht zentriert werden Das Problem besteht darin, dass Sie möglicherweise viele Dinge tun müssen, z. B. ein Div außerhalb des Bilds hinzufügen und dann die Bildbreite, -höhe usw. anpassen.

Es gibt eine sehr einfache Methode in Bootstrap 3, um eine reaktionsfähige horizontale und vertikale Mittelausrichtung von Bildern zu erreichen, um dies zu erreichen Schaut mal rein. Schaut mal rein.

Um Bilder in Bootstrap 3 auszurichten, können Sie den folgenden Code ausprobieren:

Einführung in Bootstrap v3.0.1. Mit der Center-Block-Klasse können Sie die Figur an der Mitte des Containers ausrichten. Das Folgende ist ein Beispiel:

<img src="图片地址" class="img-responsive center-block" />

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte

Bootstrap-Tutorial, um mehr darüber zu erfahren!

Das obige ist der detaillierte Inhalt vonSo zentrieren Sie das Bild im Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!