# 图片 .img-responsive 让图片支持响应式布局 .img-rounded 圆角图片 .img-circle 圆形图片 .img-thumbnail 加边框和间距的图片（自带响应） .center-block 图片水平居中类（不要用.text-center） ``` <img src="images/cat.jpg" width="800" class="img-responsive" alt=""> <hr> <img src="images/cat.jpg" width="800" class="img-circle img-responsive" alt=""> <hr> <img src="images/cat.jpg" width="800" class="img-rounded img-responsive" alt=""> <hr> <img src="images/cat.jpg" width="800" class="img-thumbnail" alt=""> ```