Bootstrap 3 - 垂直和水平对齐

Question

我一直在寻找在SO上发布的其他问题并尝试了CSS但是我似乎无法调整＆＃34;框＆＃34;容器内的HxV。

让它显示HxV响应的最佳方法是什么？

HTML：

<div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 center-block"> 
                box
            </div>
        </div>
    </div>

Answer 1

首先使用.container中心和自动边距网格，不需要偏移：

<div class="container">
    <div class="row">
        <div class="col-xs-12"> 
            box
        </div>
    </div>
</div>

注意：.col-xs-12会将容器边距从XS尺寸设置为LG尺寸后，将列设置为整个宽度。

文档：Bootstrap CSS Documentation＆＃34;容器＆＃34;。

Answer 2

创建类似.centred-col的类并编写类似

的规则

.centred-col{ float: none; margin:auto;}在你的.col课程之后加上这个。