如何使用body和html将父级为100％高度的div垂直居中于div

Question

我正在使用bootstrap。我想拥有设备大小的全屏大小图像。 从那里，两个分区一是左侧（.container），另一个是右侧（.other）

如何垂直居中以上。

HTML

<div class="row own-main-container"> 
<div class="col-sm-6 col-md-6">
<div class="container">
    <div class="child">Hello</div>
</div>
</div>
 <div class="col-sm-6 col-md-6">
<div class="other">
    HIHIHIHIHI
</div>
</div>
</div>

JSFIDDLE 注意：调整窗口大小，看两个并排浮动

已经发布了一个问题，但目前尚不清楚。

由于

Answer 1

这里你的两个div垂直居中： http://jsfiddle.net/9YAWj/

Juste使用：

.container,.other{
   height:20px;
   margin-top: calc(50% - 20px);
   background-color:white;
}