Bootstrap圖片
圓角:

圈:

縮略圖:

<img>類
下面的類可以被用於任何樣式的圖像:
類 | 描述 | 例 |
---|---|---|
.img-rounded | 添加圓角到圖像(在IE8中不可用) | 嘗試一下 |
.img-circle | 圖像形狀圓(在IE8中不可用) | 嘗試一下 |
.img-thumbnail | 圖像形狀縮略圖 | 嘗試一下 |
.img-responsive | 使得響應圖像(將很好地擴展到父元素) | 嘗試一下 |
響應圖片
通過添加創建響應圖像.img-responsive
類的<img>
標籤。 然後圖像會很好地擴展到父元素。
該.img-responsive
類應用max-width: 100%
height: auto
,並display:block
的圖像: