css - Bootstrap 网格布局。空div

Question

我有一个关于 Bootstrap 网格布局和空 div 的问题。

我有文本和按钮，我希望文本和按钮显示在页面的中间(水平)。我使用空 div 来实现此目的。

有没有更好的方法来做到这一点。我不希望我的文本右对齐，因为文本将分成两行。

执行此操作的最佳方法是什么？人们只使用空的 div 吗？

提前致谢

<div class="row">
        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"></div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <span>
                This is a new feature 
                </br> for the site.
            </span>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <a class="btn btn-default size" href="">Click button</a>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"></div>
    </div>

Answer 1

如果不使用文本居中对齐。您可以使用 Bootstrap 类 col-md-offset-3