css – 在引导响应页面如何中心一个div

我需要创建一个响应页使用引导通过在页面的中心位置一个div，如下面提到的布局。

解决方法

看一下这个-

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
 html,body,.container-table {
    height: 100%;
}
.container-table {
    display: table;
}
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>

<div class="container container-table">
    <div class="row vertical-center-row">
        <div class="text-center col-md-4 col-md-offset-4" style="background:red">TEXT</div>
    </div>
</div>

这是一个在所有屏幕尺寸中居中的水平和垂直div的简单示例。