Question

在下面的布局中，我有一个col-md-2，似乎没有渲染。您将在＆＃34;当前项目＆＃34;下的部分中看到它。下面的各个部分中的所有块都要居中。我有一个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为空，则表示未呈现。如果你想要它渲染，你需要在其中放入一些内容，最终是空格（不推荐，因为它会显示在较小的宽度上，作为.col-md-8内容上方的空白空间。）

如果您添加该列的唯一原因是偏移中间列，则只需

<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课程与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无法渲染..？

2 个答案: