一. 圖片
在Bootstrap框架中對于圖像的樣式風格提供以下幾種風格:
-
.img-responsive
:響應式圖片剧辐,主要針對于響應式設計 -
.img-rounded
:圓角圖片 -
.img-circle
:圓形圖片 -
.img-thumbnail
:縮略圖片,相框效果
直接把類名添加到img標簽上就行了邮府!
注意: 設置圖片大小時荧关,由于樣式?jīng)]有對圖片做大小上的樣式限制,所以在實際使用的時候褂傀,需要通過其他的方式來處理圖片大小忍啤。比如說控制圖片容器大小。(注意不可以通過css樣式直接修改img圖片的大小仙辟,這樣操作就不響應了)
二. 圖標
這里說的圖標就是Web制作中惩ǎ看到的小icon圖標鳄梅,包括250多個來自 Glyphicon Halflings 的字體圖標,Bootstrap框架中圖標都是glyphicons.com這個商業(yè)網(wǎng)站提供的未檩,并且免費授權給Bootstrap框架使用戴尸。
不過,大家普遍更愿意使用Font Awesome冤狡,使用方法非常簡單:
在頁面頂部添加
<link rel="stylesheet" />
添加
.fa .icon_name
到<i>
標簽孙蒙。 這里的 icon_name 到 Font Awesome網(wǎng)站 查詢更多詳細參見 我的 FontAwesome 學習隨筆