最新的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">
試一試»