角丸:
円:
サムネイル:
下のクラスは、画像のスタイルに使用することができます:
クラス | 説明 | 例 |
---|---|---|
.img-rounded | 画像の角に丸みを加える(IE8では使用できない) | Try it |
.img-circle | 画像を円形にする (IE8では使用できない) | Try it |
.img-thumbnail | 画像をサムネイルの形にする | Try it |
.img-responsive | 画像をレスポンシブにする (親要素の大きさに調整される) | Try it |
<img>
タグに .img-responsive
クラスを追加することでレスポンシブ画像を作成します。
画像は、親要素の大きさにうまく調整されます。
.img-responsive
クラスは、イメージに max-width: 100%;
、
height: auto
、display:block
を適用します: