如何使用带有display：table的div中的偏移列引导程序？

Question

我需要我的文本在div中居中，垂直，并且div通过bootstrap offset-column保持水平居中。但是当把diplay：cell放在这里时，保持对齐到左边。

如何解决？

<div class="container-fluid" id="start">
<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 start_expression">
        <p class="lead1 start_expression_text">Nunc porta, ipsum vitae faucibus aliquam, justo leo rhoncus sapien.</p>
   </div>
</div>

我的css代码：

.start_expression { height:222px; display: table;  background: green;}
.start_expression_text {height: 222px; display:table-cell; vertical-align: middle; background: green;}

Answer 1

您希望水平居中的内容只是文字吗？

使用text-align: center;