角丸:
円:
サムネイル:
下のクラスは、画像のスタイルに使用することができます:
| クラス | 説明 | 例 |
|---|---|---|
| .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 を適用します: