Question

我是css和bootstrap的新手，我试图将div内容放在我的屏幕中心。

目前我正计划这样做：

 <div className="container">
    <div className="row">
        <div className="col-sm-4 col-md-4"></div>
        <div className="col-sm-4 col-md-4">
            Center content here
        </div>
        <div className="col-sm-4 col-md-4"></div>
    </div>
</div>

我能够猜到列被分成12。所以，我只是4为3 div分隔它们。

我只想了解我们是否可以摆脱仅用于计算目的的两个div：

<div className="col-sm-4 col-md-4"></div>
<div className="col-sm-4 col-md-4"></div>

还有更好的方法吗？

Answer 1

您可以使用抵消（请参阅col-x-offset-x utility classes）：

state_size

Answer 2

您可以使用可用的本机引导类，例如：

class="text-center"

class="pagination-centered"

将元素置于引导程序中心？

2 个答案: