知識點(diǎn)
類 | 描述
- | :-: | -:
.img-responsive | max-width: 100%; height: auto; 和 display: block;圖片響應(yīng)式
.center-block | 圖片水平居中
.img-rounded | 為圖片添加圓角 (IE8 不支持)裆针，border-radius:6px
.img-circle | 添加 border-radius:500px 來讓整個(gè)圖片變成圓形
.img-thumbnail | 添加內(nèi)邊距（padding）和一個(gè)灰色的邊框堵未。
在 Internet Explorer 8-10 中冈涧，設(shè)置為 .img-responsive 的 SVG 圖像顯示出的尺寸不勻稱浸间。為了解決這個(gè)問題与境，在出問題的地方添加 width: 100% \9; 即可。Bootstrap 并沒有自動(dòng)為所有圖像元素設(shè)置這一屬性郊楣，因?yàn)檫@會(huì)導(dǎo)致其他圖像格式出現(xiàn)錯(cuò)亂憔恳。
實(shí)踐
