在Bootstrap 3中垂直居中div元素

Question

基本上这一直困扰着我。 我看了很多其他线程，但似乎没有人帮助我，这就是为什么我要创建这个问题。

我只是想把我的div元素放在我的引导页面上。这似乎是一个简单的问题，但我无法解决它。

HTML：

<div class="wizard-box"></div>

的CSS：

.wizard-box {
    background-color: green;
    height: 300px;
    width: 300px;
    margin: auto;
}

我创建了一个jsFiddle： http://jsfiddle.net/frP2Z/

Answer 1

你走了：

.wizard-box {
    background-color: green;
    height: 300px;
    width: 300px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -150px;
}