画像

画像を配置します。レスポンシブ対応にするには.img-responsiveとし、角を丸くするには.img-rounded、楕円形の枠にするには.img-circle、角丸の枠を作るには.img-thumbnailのクラスを付与します。

.img-responsive

.img-rounded

.img-circle

.img-thumbnail


.img-responsive
<img src="/wp-content/uploads/2016/04/P4162261_1-600x450.jpg" alt="" class="img-responsive">
.img-rounded
<img src="/wp-content/uploads/2016/04/P4162261_1-600x450.jpg" alt="" class="img-rounded img-responsive">
.img-circle
<img src="/wp-content/uploads/2016/04/P4162261_1-600x450.jpg" alt="" class="img-circle img-responsive">
.img-thumbnail
<img src="/wp-content/uploads/2016/04/P4162261_1-600x450.jpg" alt="" class="img-thumbnail img-responsive">