Bootstrapで画像のスタイルを変更する

Bootstrapで画像の表示スタイルを変更することができます。
参考ページ:Images

imgタグのclassに”img-rounded”で角を丸く、”img-circle”で円に、”img-thumbnail”でサムネイル風に、それぞれスタイルを設定することができます。

<img src="" alt="" class="img-rounded">
image2

img-thumbnail

image1

img-circle

image

img-rounded

また、レスポンシブに対応させるには、classに”img-responsive”を追加します。

<img src="" class="img-responsive">

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です