Bootstrap框架中對於影象的樣式風格提供以下幾種風格：img-responsive：響應式圖片，主要針對於響應式設計img-rounded：圓角圖片            img-circle：圓形圖片              img-thumbnail：縮圖片

使用方法：使用方法非常簡單，只需要在<img>標籤上新增對應的類名

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <img alt="140x140" src="http://placehold.it/140x140">
      <div>預設圖片</div>
    </div>
    <div class="col-sm-4">
      <img  class="img-rounded" alt="140x140" src="http://placehold.it/140x140"> 
      <div>圓角圖片</div>
    </div>
    <div class="col-sm-4">
      <img  class="img-circle" alt="140x140" src="http://placehold.it/140x140">
      <div>圓形圖片</div>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-6">
       <img  class="img-thumbnail" alt="140x140" src="http://placehold.it/140x140"> 
       <div>縮圖</div>
    </div>
    <div class="col-sm-6">
       <img  class="img-responsive" alt="140x140" src="http://placehold.it/140x140"> 
       <div>響應式圖片</div>
    </div>
  </div>
</div> 
 

圖示一：Bootstrap框架中的圖示都是字型圖示，其實現原理就是通過@font-face屬性載入了字型。/*原始碼請檢視bootstrap.css檔案第2357行～第2380行*/在Bootstrap框架中有一個fonts的目錄，這個目錄中提供的字型檔案就是用於製作icon的字型檔案。

自定義完字型之後，需要對icon設定一個預設樣式，在Bootstrap框架中是通過給元素新增“glyphicon”類名來實現，然後通過偽元素“:before”的“content”屬性調取對應的icon編碼

.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
 

用法：

<span class="glyphicon glyphicon-search"></span>
<span class="glyphicon glyphicon-asterisk"></span>
<span class="glyphicon glyphicon-plus"></span>
<span class="glyphicon glyphicon-cloud"></span>

所有圖示的附加樣式類均以glyphicon-為字首，具體名字可在http://getbootstrap.com/components/#glyphicons