Foros del Web » Creando para Internet » CSS »

Galeria de imagens en Boostrap4 me sale Vertical.

Estas en el tema de Galeria de imagens en Boostrap4 me sale Vertical. en el foro de CSS en Foros del Web. Hola a todos, tengo una galería de imágenes de Boostrap, que esta encerrada dentro de un bucle de php, quiero que se repita x veces, ...
  #1 (permalink)  
Antiguo 13/10/2019, 12:24
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 8 meses
Puntos: 7
Pregunta Galeria de imagens en Boostrap4 me sale Vertical.

Hola a todos, tengo una galería de imágenes de Boostrap, que esta encerrada dentro de un bucle de php, quiero que se repita x veces, pero no sale horizontal, se repite verticalmente... alguna sugerencia?.

desde ya Muchas Gracias a todos por su tiempo.
Dejo código:

Código HTML:
Ver original
  1. */
  2.     while($filaAlumnos= $buscarAlumnos->fetch_assoc())
  3.     {
  4.         $tabla.='
  5.  
  6.  
  7.    
  8.    
  9.  
  10.         <section class="gallery-block cards-gallery py-1">
  11.         <div class="container">
  12.             <div class="heading">
  13.                 <!-- <h2>Card Gallery</h2> -->
  14.             </div>
  15.             <div class="row">
  16.                 <div class="col-md-6 col-lg-4">
  17.                     <div class="card border-0 transform-on-hover">
  18.                         <a class="lightbox" href="images/F1.jpg"><img src="http://lorempixel.com/800/600/fashion/" class="card-img-top" ></a>
  19.                         <div class="card-body">
  20.                             <h6>Nombre Empresa </h6>
  21.                             <p class="text-muted card-text">Breve descripcion</p>
  22.                             <p class="text-muted card-text">Puntos: 1  - Ver </p>
  23.                         </div>
  24.                     </div>
  25.                 </div>
  26.                 </div>
  27.                 </section>
  28.  
  29.             '
  30.  
  31.         ;
  32.     }

Gracias.!
Saludos
fede
  #2 (permalink)  
Antiguo 13/10/2019, 13:26
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Galeria de imagens en Boostrap4 me sale Vertical.

debes organizar mejor tu codigo

.row es una nueva fila por eso lo ves siempre en vertical, lo unico que deberías colocar en el while deberia ser
Código HTML:
Ver original
  1. <div class="col-md-6 col-lg-4">
  2.                     <div class="card border-0 transform-on-hover">
  3.                         <a class="lightbox" href="images/F1.jpg"><img src="http://lorempixel.com/800/600/fashion/" class="card-img-top" ></a>
  4.                         <div class="card-body">
  5.                             <h6>Nombre Empresa </h6>
  6.                             <p class="text-muted card-text">Breve descripcion</p>
  7.                             <p class="text-muted card-text">Puntos: 1  - Ver </p>
  8.                         </div>
  9.                     </div>
  10.                 </div>


El resto debe envolver al while para formar un HTML valido y acorde lo que necesitas

Etiquetas: galeria, text
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:49.