Muy Buenos días colegas
Estoy empezando a maquetar una tienda online, y tengo el siguiente problema a la hora de alinear tarjetas (card) con bootstrap, me encuentro que si tienen un texto mas largo o corto se des-alinean, y quisiera conocer si alguien tiene alguna idea de como alinearlas a pesar que tengan un texto mas largo o costo que se alinean siempre a la que tiene el texto mas largo. Por el momento para que se alinean correctamente estoy usando saltos
pero sé que eso no es correcto. ¿Alguna sugerencia?
Código de una tarjeta ya que estoy usando el mismo para todas.
a.nosubrayado:link{
text-decoration: none;
color:#000000;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100">
<div class="contenedor">
<a href="#" class="nosubrayado"><img class="card-img-top imagen" src="http://www.solerpalau.mx/multimedia/imagenes/categorias/f87127f4aa56f8f6693ec466dd37c15e6f5a666d.jpg" alt="Ventiladores con Rotor Externo">
</div>
<div class="card-body">
<h6 class="card-title">
Ventiladores Gama Vent-Set
</h6>
<small class="text-muted">★ ★ ★ ★ ☆</small>
</div>
</div>
</div>
height:50px !importan;
Es importante el importan para q pise el css de bootstrap