Cita:
Iniciado por rodrypaladin 
Código CSS:
Ver originalheader .container {
display: flex;
align-items: center;
}
El contenedor padre es el
<div class="container"> ... </div> y con el código css que puse te centra verticalmente los 3 elementos que hay en su interior. que son los 3 divs de dentro
Puedes ver el ejemplo en vivo aquí: [URL="https://jsfiddle.net/Rodrypaladin/k2mbL2rd/"]Demo de align-items flexbox[/URL]
Las propiedades de flexbox a mi en mi editor SublimeText tampoco me las identifica o colorea bien, pero si que funcionan, ya lo ves en el ejemplo
Ya te digo
@Rafael me enseñaste un nuevo mundo del que no quiero salir XD
Eso me funciona, me lo centra todo bien (creo que llegué a hacer algo parecido en una de las pruebas), pero tengo el siguiente problema. Haciéndolo de esa forma, pierdo la "adaptabilidad" para dispositivos pequeños de Bootstrap. Cuando tengo un dispositivo pequeño, con ese código CSS, es resultado es el siguiente:
Y yo necesito que quede así, que es la razón por la que uso Bootstrap:
¿Sabéis de alguna solución? Si no intentaré hacer algo con JavaScript