Bootstrapイメージ
角丸:
サークル:
サムネイル:
<img>クラス
以下のクラスは、任意の画像をスタイルするために使用することができます。
クラス | 説明 | 例 |
---|---|---|
.img-rounded | 画像(IE8では使用できません)に丸めコーナーを追加します。 | それを試してみてください |
.img-circle | サークル(IE8では使用できません)に画像を整形 | それを試してみてください |
.img-thumbnail | サムネイルに画像を整形 | それを試してみてください |
.img-responsive | 対応する画像は、(親要素にうまく調整されます)になります | それを試してみてください |
レスポンシブイメージ
追加することにより、応答画像を作成します。 .img-responsive
にクラスを<img>
タグ。 画像は、親要素にうまく調整されます。
.img-responsive
クラスが適用されmax-width: 100%
height: auto
、およびdisplay:block
画像ました: