El Grid System de Bootstrap es la característica más importante que tiene esta herramienta porque generalmente lo usamos para la maquetación de toda nuestra página web o para algunos elementos como puede ser el bloque de posts, artículos o noticias.
Pero podemos llegar a tener algunos problemas con este sistema cuando generamos varias columnas en una fila y queremos que las columnas se alineen verticalmente.
De forma natural, los div de las columnas se alinean en la parte superior (top) porque estos elementos son float.
Con el siguiente ejemplo podemos ver como se dibujan 2 columnas en una fila con bootstrap.
Como podemos ver, la columna 1 es más alta que la columna 2, pero si necesitamos que la columna 2 tenga una alineación vertical, tenemos que hacer unas pequeñas modificaciones en el CSS.
Hay varias soluciones, unas más complicadas que otras. Yo te voy a decir cuál es la más fácil que he encontrado para centrar verticalmente los div en bootstrap 3.
HTML:
CSS:
RESULTADO:
Ejemplo completo:
