Buenas a todo,
estoy creando una pagina web con bootstrap pero tengo inconvenientes a la hora de alinear unas imagenes en un mismo div.
la idea es que se vean asi pero como son 7 bootstrap solo me alinea 6 y la otra la baja como se ve en la siguiente imagen
este es el codigo que estoy usando:
Código:
<div class="col-md-2 gallery-grid">
<div class="project-eff">
<a href="beneficios.php?param=Restaurantes Saludables"><img class="img-responsive" src="images/categorias/Restaurantes saludables.png" alt=""></a>
</div>
</div>
<div class="col-md-2 gallery-grid">
<div class="project-eff">
<a href="beneficios.php?param=Mercados Saludables"><img class="img-responsive" src="images/categorias/Mercados saludables.png" alt=""></a>
</div>
</div>
<div class="col-md-2 gallery-grid">
<div class="project-eff">
<a href="beneficios.php?param=Gimnasios"><img class="img-responsive" src="images/categorias/Gimnasios.png" alt=""></a>
</div>
</div>
<div class="col-md-2 gallery-grid">
<div class="project-eff">
<a href="beneficios.php?param=Centros de Estetica y Belleza"><img class="img-responsive" src="images/categorias/Centros de estetica y belleza.png" alt=""></a>
</div>
</div>
<div class="col-md-2 gallery-grid">
<div class="project-eff">
<a href="beneficios.php?param=Productos Saludables"><img class="img-responsive" src="images/categorias/Productos saludables.png" alt=""></a>
</div>
</div>
<div class="col-md-2 gallery-grid">
<div class="project-eff">
<a href="beneficios.php?param=Moda Fitness"><img class="img-responsive" src="images/categorias/Moda Fitness.png" alt=""></a>
</div>
</div>
<div class="col-md-2 gallery-grid">
<div class="project-eff">
<a href="beneficios.php?param=Mas"><img class="img-responsive" src="images/categorias/Mas.png" alt=""></a>
</div>
</div>
Espero me puedan ayudar a resolver esta duda.
Gracias