Tengo unas columnas cada una con un contenido, sin embargo como unas tienen más contenido que otras se ven más altas y en general se ve feo, ¿hay alguna forma de igualarlas todas para que tengan una misma altura? Intente ponerles clase que fuera height:100%
pero no funciona o no sé si se lo coloqué al que era.
Éste es mi código:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="col-xs-12 text-center">
<h2 class="text-orange">Nuestros Servicios</h2>
<hr class="second">
</div>
<div class="col-xs-12 col-md-3">
<div class="thumbnail thumb-shadow">
<img src="img/comunication.png" alt="Plataformas Customizables">
<div class="caption">
<h3>Comunicación, Análisis y apoyo</h3>
<p class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum sint aperiam illum, sapiente et delectus iusto suscipit sed debitis rem error repellat. Corrupti eius voluptatum voluptatibus enim quasi autem! Nesciunt voluptatibus amet adipisci dolore ullam dicta numquam maxime eos soluta perferendis animi earum quidem, saepe. Repellendus, nostrum, sapiente. Tempore recusandae, rem accusamus, veritatis adipisci quibusdam eum at voluptate tempora eaque error odit eligendi autem sint consequatur sed similique, commodi quasi?
</p>
<button class="btn btn-danger">Saber más.</button>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3">
<div class="thumbnail thumb-shadow">
<img src="img/custom-web.png" alt="Plataformas Customizables">
<div class="caption">
<h3>Plataformas a la medida</h3>
<p class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam error eum placeat deleniti animi magnam architecto quidem praesentium maiores alias sequi cum libero omnis nam optio asperiores dignissimos officia aut aliquam, aspernatur sunt fugiat! Commodi quasi dignissimos eos, voluptas debitis repellat magni. Eveniet minima debitis neque! Cum quaerat ducimus, corporis et nemo animi delectus nobis.
</p>
<button class="btn btn-danger">Saber más.</button>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3">
<div class="thumbnail thumb-shadow">
<img src="img/responsive-icon.png" alt="Diseño Responsivo">
<div class="caption">
<h3>Diseño Web a la vanguardia</h3>
<p class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti sequi fugiat eum doloremque odit cumque dolores nobis quia voluptas tempora! Pariatur placeat distinctio itaque eius impedit natus suscipit, dignissimos culpa?
</p>
<button onclick="alr()" class="btn btn-danger">Saber más.</button>
<div id="ntf"></div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3">
<div class="thumbnail thumb-shadow">
<img src="img/document-code.png" alt="Código Documentado">
<div class="caption">
<h3>Documentación y enseñanza</h3>
<p class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, iste accusamus corporis amet repellat ullam quod, quas magni, vitae in, necessitatibus dolorum esse temporibus hic inventore voluptas saepe at officia aliquid. Voluptates sed nam aperiam, sapiente non expedita ipsa laborum commodi!
</p>
<button class="btn btn-danger">Saber más.</button>
</div>
</div>
</div>
</div>