-.img-rounded
:添加 border-radius:6px
来获得图片圆角(IE8不支持)
.img-circle
:添加 border-radius:50%
来让整个图片变成圆形(IE8不支持).img-thumbnail
:添加一些内边距(padding)和一个灰色的边框;缩略图功能
响应式图片
通过在 <img>
标签添加 img-responsive
类来让图片支持响应式设计
。 图片将很好地扩展到父元素。
img-responsive
类将 max-width: 100%;
和 height: auto;
样式应用在图片上: