最新的Web开发教程
 

Bootstrap CSS图像参考


Bootstrap图片

圆角:

五渔村

圈:

五渔村

缩略图:

五渔村

<img>

下面的类可以被用于任何样式的图像:

描述
.img-rounded 添加圆角到图像(在IE8中不可用) 尝试一下
.img-circle 图像形状圆(在IE8中不可用) 尝试一下
.img-thumbnail 图像形状缩略图 尝试一下
.img-responsive 使得响应图像(将很好地扩展到父元素) 尝试一下

响应图片

通过添加创建响应图像.img-responsive类的<img>标签。 然后图像会很好地扩展到父元素。

.img-responsive类应用max-width: 100% height: auto ,并display:block的图像:

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
试一试»