Ver Mensaje Individual
  #11 (permalink)  
Antiguo 14/06/2016, 11:07
Avatar de sergio17791
sergio17791
 
Fecha de Ingreso: noviembre-2015
Ubicación: Valencia
Mensajes: 21
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: Centrar texto en columnas Bootstrap

Cita:
Iniciado por rodrypaladin Ver Mensaje
Una gran cualidad de flexbox es que con el puedes hacer los sitios responsive. Añade también lo siguiente al código que ya te puse:

Código CSS:
Ver original
  1. flex-direction: row;
  2. flex-wrap: wrap;

O lo que es lo mismo pero más simplificado:

Código CSS:
Ver original
  1. flex-flow: row wrap;
Con flex-direction: row le diremos que coloque el contenido del contenedor padre en fila, en tu caso pondrá un div, luego el otro y luego el otro en la misma fila. Y con flex-wrap: wrap le decimos que al no caber uno de los elementos ( tus divs ) lo ponga automáticamente abajo, de esta manera al verlod esde el móvil por ejemplo se verá un div de bajo de otro

Echa un ojo a todo lo que puedes lograr con [URL="https://css-tricks.com/snippets/css/a-guide-to-flexbox/"]flexbox[/URL]

tu código tendría que quedar de esta manera:

Código CSS:
Ver original
  1. header .container {
  2.     display: flex;
  3.     flex-flow: row wrap;
  4.     align-items: center;
  5. }

Seguro que te servirá
Te quiero tío, no sabes cuanto, me funcionó perfectamente! Me has salvado el culo! Mil gracias de verdad.



Cita:
Iniciado por xfxstudios Ver Mensaje
Checha esto: [url]http://codepen.io/xfxstudios/pen/rLeqoe[/url]

Te puede servir Saludos y es aplicando el line-height para establecer el ancho del div con el mismo interlineado del texto, ve la muestra. Saludos
Gracias por tu respuesta, cuando tenga tiempo lo revisaré, y también el flexbox que dice rodrypaladin.