垂直居中div的内容

cod*_*nja 1 html css vertical-alignment css3 twitter-bootstrap

这是我到目前为止:

http://jsfiddle.net/yisera/2aVpD/

我需要在.jumbotron-special容器内垂直居中.

我尝试使用display: table;他的父元素,然后使用display:table-cell子元素(H1和H2的元素),但到目前为止没有运气,我已经没有想法了.我不想使用绝对定位,因为这需要响应,并且随着分辨率变小,布局误入歧途.

任何想法如何将它集中到jumbotron父div?

Sun*_*ari 7

您可以使用以下代码的内容 div .jumbotron-special

将以下属性添加到 class

display:flex;
 justify-content:center;
 align-items:center;
Run Code Online (Sandbox Code Playgroud)

工作代码:JSFIDDLE

有关Flex Box的更多信息

了解更多关于Flex 这里