ブートストラップ・イメージ

この章では、画像のためのブートストラップのサポートを学びます。 ブートストラップは、3つの画像シンプルなスタイル・クラスに適用することができます提供しています。

• .imgの-丸め：ボーダー半径を追加：6pxを画像フィレットを取得します。
• .imgのサークル：ボーダー半径を追加します。全体像を作るために50％が円形になります。
• .imgのサムネイル：いくつかのパディング（詰め物）とグレーのボーダーを追加します。

次の例では、実証考えてみましょう：

結果は以下の通りであります：

<IMG>クラス

以下のクラスは、任意の画像にご利用いただけます。

対応する画像

<img>タグによってレスポンシブなデザインを作るために.imgの応答イメージのサポートクラスを追加します。 写真は、親要素に十分にスケーリングします。

.imgの応答クラスのmax-width：100％;及び高さ：自動;スタイルが画像に適用されます。