Bootstrap 3 - col-md-2 未渲染..？

Question

在下面的布局中，我有一个似乎没有渲染的 col-md-2。您将在 "Current Projects" 下的部分看到它。各个部分中其下方的所有块都将居中。我有一个 col-md-2、col-md-8、col-md-2，内容在 col-md-8 中。现在它们都出现在左边，就好像那个 col-md-2 不存在一样。

<div class="row featureBox">

        <div class="col-md-2"></div>

        <div class="col-md-8"> CONTENT HERE </div>

        <div class="col-md-2"></div>
</div>

Answer 1

如果您的第一个 .col-md-2 为空，则不会呈现。如果你想渲染它，你需要在里面放一些内容，最终是白色的space（不推荐，因为它会在你的 .col-md-8 内容上方以较小的宽度显示为空 space ).

如果您添加该列的唯一原因是为了偏移中间的列，那么您只需要

<div class="row featureBox">

    <div class="col-md-8 col-md-offset-2"> CONTENT HERE</div>

</div>

同样适用于 xs、lg 或 sm。

Answer 2

将 .col-md-offset-2 class 与 col-md-8 div 一起使用。代码将如下所示：

<div class="row featureBox">

        <div class="col-md-offset-2 col-md-8"> CONTENT HERE </div>
</div>

Bootstrap 3 - col-md-2 未渲染..？

Bootstrap 3 - col-md-2 not rendering..?

css

twitter-bootstrap-3