Бутстрап: фотографии разных размеров?

Question

Я использую Bootstrap 3, но имею проблемы с равным размером на моих изображениях. [1 [http://i.stack.imgur.com/n6kQs.jpg][1]][1]

Я использую это

.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> 

Как это сделать, чтобы увидеть соседствующий шоу?

Answer 1

Возможно, также попробуйте добавить max-height в пользовательский css.

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