ブートストラップで画像を中央に配置する方法

Bootstrap 3 を使用している場合、.text-center を使用してテキストを中央揃えにすることはできますが、画像を中央揃えにすることはできません。問題 問題は、img の外側に div を追加したり、画像の幅や高さを調整したりするなど、多くのことを行う必要があることです。

Bootstrap 3 には、画像のレスポンシブな水平および垂直中央揃えを実現する非常に簡単なメソッドがあります。これを実現するには、CSS クラス img-sensitive center-block を画像に追加するだけです。見てみましょう 見てみましょう。

Bootstrap 3 で画像を配置するには、次のコードを試すことができます:

Bootstrap v3.0.1 の概要。 center-block クラスを使用すると、Figure をコンテナの中心に揃えることができます。以下に例を示します。

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

ブートストラップに関連する技術的な記事については、

Bootstrap チュートリアル 列にアクセスして学習してください。

以上がブートストラップで画像を中央に配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。