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

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

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

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

img-thumbnail

img-circle

img-rounded

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

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

• floatを使った子要素に合わせて親要素を高さを高くする（揃える）方法
• CSSで画像（の回り込み）とテキストを上で揃える
• Bootstrapでドロップダウンメニューを作成する
• Bootstrapでサムネイルを作成する
• Bootstrapでページネーション（ページャー）を作成する
• Bootstrapでパンくずリストを作成する
• Bootstrapでテーブルをデザインする
• Bootstrapでナビゲーションを作成する