画像
画像をレスポンシブ表示にしたり、画像の形をクラス指定するだけで変更できます。
画像のスポンシブ表示
画像のimgタグに.img-responsiveクラスを指定すると画像がレスポンシブ表示になります。
ウィンドウサイズを変更して確認してみてください。
<img src="img/responsive_img.jpg" class="img-responsive">
画像の形
画像のimgタグにクラスを指定するだけで角丸・円形・角丸枠付きの表示ができます。
下記は全て同じ画像ですが左から指定なし、.img-rounded指定、img-circle指定、img-thumbnailを指定しています。
<img src="img/shape_img.jpg"> <img src="img/shape_img.jpg" class="img-rounded"> <img src="img/shape_img.jpg" class="img-circle"> <img src="img/shape_img.jpg" class="img-thumbnail">