Como usar o alinhamento vertical no bootstrap

Problema simples: Como alinhar verticalmente um col dentro de um col usando o bootstrap? Exemplo aqui (quero alinhar verticalmente child1a e child1b):

http://bootply.com/73666

HTML

<div class="col-lg-12">

  <div class="col-lg-6 col-md-6 col-12 child1">
    <div class="col-12 child1a">Child content 1a</div>
    <div class="col-12 child1b">Child content 1b</div>

  </div>

  <div class="col-lg-6 col-md-6 col-12 child2">
  Child content 2<br>
  Child content 2<br>
  Child content 2<br>
  Child content 2<br>
  Child content 2<br>

  </div>

</div>

**UPDATE***

Algum CSS:

.col-lg-12{
top:40px;
bottom:0px;
border:4px solid green;

}

  .child1a, .child1b{
  border:4px solid black;
  display:inline-block !important;
}

.child1{
  border:4px solid blue;
  height:300px;
  display:table-cell !important;
  vertical-align:middle;
}

.child2{
  border:4px solid red;
}
edsioufi
Pergunta editada :em
Programação
css3 twitter-bootstrap-3 twitter-bootstrap
12º agosto 2013 в 4:31
18 vistas
Solução
.parent {
    display: table;
    table-layout: fixed;
}

.child {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

O "piso da mesa: fixo" evita a quebra da funcionalidade das classes col-*.

Chris Moschini
Resposta editada :em
Comentários (4)

Para o pai: display: mesa;

Para a criança: display: table-cell;

Depois adicione alinhamento vertical: meio;

Posso fazer um violino, mas agora é hora de ir para casa, sim!

OK aqui está o violino adorável: http://jsfiddle.net/lharby/AJAhR/

.parent {
   display:table;
}

.child {
   display:table-cell;
   vertical-align:middle;
   text-align:center;
}
moritzg
Resposta editada :em
Comentários (1)

Quer dizer que quer que 1b e 1b fiquem lado a lado? 

 <div class="col-lg-6 col-md-6 col-12 child1">
      <div class="col-6 child1a">Child content 1a</div>
      <div class="col-6 child1b">Child content 1b</div>
 </div>
daniel__
Resposta editada :em
Comentários (3)