Bootstrap CSS 图片参考
Bootstrap 图片
圆角:
圆形:
缩略图:
<img> 样式
下面的类可用于设置任何图像的样式:
| 样式 | 描述 | 实例 |
|---|---|---|
| .img-rounded | 向图片添加圆角（IE8 中不提供） | 试一试 |
| .img-circle | 将图片改变成圆形（在 IE8 中不可用） | 试一试 |
| .img-thumbnail | 将图片变成缩略图 | 试一试 |
| .img-responsive | 使图片具有响应性（将很好地参照父元素缩放） | 试一试 |
响应式图片
通过对 <img> 标签添加一个 .img-responsive 标记让图片具有响应性。然后，图片将很好地参照父元素缩放。
.img-responsive 类对图片应用 max-width: 100%, height: auto, 和 display:block:
实例
<img src="/znadmin/md/4645/0.jpg" class="img-responsive" alt="Cinque Terre">