[SOLUCIONADO] Alinear 7 imagenes en un grid Bootstrap

[SupahLale]

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

[BeikerxD]

No he usado mucho bootstrap pero tengo entendido que la suma de las coumnas del grid debe ser igual a 12 que es el grid configurado por defecto y como tienes 7 imagenes cada una ocupando dos cuadros del grid es igual a 14 y por eso la imagen se te desplaza hacia abajo...

[javy7v]

Es un poco complicado si , por eso de que el maximo es 12 y con columnas de 2 solo llegas a 6 y con las de 1 te quedas corto.

Creo que esta solución te vale:

https://codepen.io/knitevision1/pen/BAFmk

No es mia pero creo que es lo que buscas, le da a cada columna un 14% de ancho que es el resultado de dividir el 100 entre 7.

[SupahLale]

Muchas gracias, me funcionó con la solucion del amigo javy7v.