CSS

Bootstrapで用意されているCSSの説明。

画像

画像をレスポンシブ表示にしたり、画像の形をクラス指定するだけで変更できます。

画像のスポンシブ表示

画像の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">