当前位置: 首页 > 工具软件 > wp-bootstrap > 使用案例 >

CSS - Bootstrap中的图片

干茂才
2023-12-01
<img src="/wp-content/uploads/2014/06/download.png" class="img-rounded">
<img src="/wp-content/uploads/2014/06/download.png" class="img-circle">
<img src="/wp-content/uploads/2014/06/download.png" class="img-thumbnail">
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre"> 

图片类

.img-rounded ------- 为图片添加圆角 (IE8 不支持)
.img-circle ------- 将图片变为圆形 (IE8 不支持)
.img-thumbnail ------- 缩略图功能
.img-responsive ------- 图片响应式 (将很好地扩展到父元素)
 类似资料: