引导3-col 2没有渲染.？

Question

在下面的布局中，我有一个col-md-2，它似乎没有呈现。您将在“当前项目”的部分中看到它。各部分下面的所有块都要居中。我有-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-offset-2类与您的col-md-8 div一起使用。代码将如下所示：

<div class="row featureBox">

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

Answer 2

如果您的第一个.col-md-2是空的，则不会呈现它。如果您想要呈现它，您需要在其中添加一些内容，最终需要使用空白(不推荐，因为它将显示在较小的宽度上，作为.col-md-8内容上方的空空间)。

如果您添加该列的唯一原因是为了抵消中间列，那么您所需要的就是

<div class="row featureBox">

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

</div>

xs、lg或sm也是如此。