☰

レスポンシブイメージを中央揃えにする Bootstrap 3 質問する

tag-icon • tag-icon html css image twitter-bootstrap alignment
レスポンシブイメージを中央揃えにする Bootstrap 3 質問する

Bootstrap 3 を使用してカタログを作成しています。タブレットで表示すると、ブラウザでのサイズが小さく (500 x 500)、幅が 767 ピクセルであるため、商品画像が醜く見えます。画像を画面の中央に配置したいのですが、何らかの理由でできません。この問題の解決を手伝ってくれる人はいますか?

製品ページの一部のスクリーンショット。製品が見出しの下の中央に配置されていません。

ベストアンサー1

がある.center-blockTwitter Bootstrap 3 ( v3.0.1 以降) のクラスなので、以下を使用します。

<img src="..." alt="..." class="img-responsive center-block" />

おすすめ記事