4.12 缩略图
bootstrap支持响应式图片,即随着不同的分辨率加载不同大小的图片,而你只需要把类img-responsive用在img元素就可以了,可以说是非常方便了,另外还有以下类可供使用:
类 | 效果 |
---|---|
img-rounded | 图片圆角 |
img-circle | 图片变成圆形,需要图片是一个正方形,否则效果是椭圆 |
img-thumbnail | 添加一些内边距和一个灰色的边框,用于包含图片的div |
img-responsive | 自适应屏幕的图片 |