Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Centrar 3 div en otro div

Estas en el tema de Centrar 3 div en otro div en el foro de CSS en Foros del Web. Uso bootstrap y siempre me sale alineado a la izquierda y quisiera que saliera todo centrado, con el mismo margen a la izquierda y derecha. ...
  #1 (permalink)  
Antiguo 13/11/2015, 04:35
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 244
Antigüedad: 13 años, 7 meses
Puntos: 20
Centrar 3 div en otro div

Uso bootstrap y siempre me sale alineado a la izquierda y quisiera que saliera todo centrado, con el mismo margen a la izquierda y derecha.

Código CSS:
Ver original
  1. <div class ="row text-center center-block form-group">
  2.            <div class="col-md-1 col-sm-1 col-xs-1">
  3.                 1
  4.             </div>
  5.            
  6.             <div class="col-md-1 col-sm-1 col-xs-1">
  7.                2
  8.             </div>
  9.            
  10.             <div class="col-md-1 col-sm-1 col-xs-1">
  11.                 3
  12.             </div>
  13.            
  14.             <div class="col-md-1 col-sm-1 col-xs-1">
  15.                 4
  16.             </div>
  17. </div>

Saludos.
__________________
CHOOO COOO LAAA TEEEEEEEEE
  #2 (permalink)  
Antiguo 13/11/2015, 05:28
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Centrar 3 div en otro div

Al div principal:
Código CSS:
Ver original
  1. marging-left: auto, marging-right:auto;

claro va a depender de como lo tengar programado, yo meteria los cuatro divs dentro de uno con la clase col-md-12 y es a ese al que le doy la propiedad
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 13/11/2015, 05:31
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 244
Antigüedad: 13 años, 7 meses
Puntos: 20
Respuesta: Centrar 3 div en otro div

ya lo había probado y no hace nada, pero gracias.
__________________
CHOOO COOO LAAA TEEEEEEEEE
  #4 (permalink)  
Antiguo 13/11/2015, 05:39
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 244
Antigüedad: 13 años, 7 meses
Puntos: 20
Respuesta: Centrar 3 div en otro div

Si dentro del div principal en vez de otros div hubiera texto o varios span me lo centraría, pero los divs dentro de otro div no.
__________________
CHOOO COOO LAAA TEEEEEEEEE
  #5 (permalink)  
Antiguo 13/11/2015, 05:41
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Centrar 3 div en otro div

Cita:
Iniciado por baldaweb Ver Mensaje
Si dentro del div principal en vez de otros div hubiera texto o varios span me lo centraría, pero los divs dentro de otro div no.
te dejo una muestra:
http://codepen.io/anon/pen/avPqWx
__________________
[email protected]
HITCEL
  #6 (permalink)  
Antiguo 13/11/2015, 06:10
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 244
Antigüedad: 13 años, 7 meses
Puntos: 20
Respuesta: Centrar 3 div en otro div

Pero en mi caso, en vez de col-md-3 en los div interiores es col-md-1 y por eso no se centra.

Saludos.
__________________
CHOOO COOO LAAA TEEEEEEEEE
  #7 (permalink)  
Antiguo 13/11/2015, 06:13
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 244
Antigüedad: 13 años, 7 meses
Puntos: 20
Respuesta: Centrar 3 div en otro div

he añadido col-md-offset-3 en el priemr subdiv y ya funciona.

Gracias.
__________________
CHOOO COOO LAAA TEEEEEEEEE

Etiquetas: bootstrap, todo
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:37.