bootstrap: равные высоты для эскизов (в идеале с flex)

Question

Я использую бутстрап, и я хочу, чтобы мои ящики отображали самый высокий ряд и выбирали эту высоту для всех. Теперь я думаю, что смогу сделать это с помощью flex, но у меня нет работы!

HTML:

<div class="my-projects"> 
    <div class="col-sm-4 col-md-3"> 
     <div class="thumbnail"> 
      <div class="caption"> 
       <h3> 

       </h3> 
       <p> 

       </p> 
       <p> 

       </p> 
      </div> 
     </div> 
    </div> 
</div>  

CSS

.content { 
    display: flex 
} 
.content .thumbnail{ 
    flex:1; 
} 

Это только кажется, чтобы сделать строки действительно длинные и тонкие и массово сломанные ...

Answer 1

Попробуйте добавить это ваш CSS

.thumbnail img:hover {transform: scale(1.1);} 
.thumbnail img {transition: all 0.3s ease 0s; width: 100%} 

Вы можете установить размер миниатюры, а изображения должны масштабироваться в соответствии с размерами.