Bootstrap：不同尺寸的照片？

我使用Bootstrap 3，但在我的圖像上有相同大小的問題。 [1 http://i.stack.imgur.com/n6kQs.jpg][1]][1]Bootstrap：不同尺寸的照片？

我用這個

.col-lg-4 img{ 
     width: 100%; 
     height: 200px;   
    }

但看到的不是看上去很美！！ [http://i.stack.imgur.com/SmqlQ.jpg][1]][1]

我的腳本是：

<div class="thumbnail"> 
     <div class="caption"> 
      <h4>Опел Астра TBI</h4> 
      <div class="text-left"> 
      <div>Произведена: Януари 1995 г</div> 
      <div>Пробег: 200000 км.</div> 
      <div>Двигател: Бензинов</div> 
      <div>Цена: 20000 лв.</div> 
      </div> 
      <span><a href="#" class="label label-danger" rel="tooltip" title="Zoom">Детайли</a></span> 

     </div> 
     <img src="ful_upload/2005-lotus-elise-front-left.jpg" class="img-responsive" alt="..."> 
     <div style="background: silver;" class="hidden-xs visible-mb-block text-center">Опел Астра TBI<span class="text-right">8800 лв</span></div> 
    </div>

如何做到這一點，看看毗連節目？

來源

2015-10-03 Стилиян Георгиев

你檢查出http://stackoverflow.com/questions/18903183/how-to-create-a-responsive-image-in-twitter-bootstrap-3 –

也許還試圖將max-height添加到自定義CSS。

.col-lg-4 img{ 
    width: 100%; 
    max-height: 200px;   
}

來源

2015-10-04 00:18:53

彼得·斯科特您爲例腳本，不准我的問題 –

Bootstrap：不同尺寸的照片？

回答

相關問題