html - Bootstrap 网格偏移问题

Question

我是 Bootstrap 的新手，遇到了这个问题。

<div class="container row">
    <div id="page" class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <div id="header"></div>

        <div id="article"></div>

        <div id="footer"></div>

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

在 boostrap 文档中，它表明我不必使用最后一个 div。 文档:<div class="row"> <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div> </div>

6 + 3 = 9。缺少 3 个列。我只是想确保在深入了解更多细节之前我已经很好地理解了这一点。 如果有col在 row 中丢失将row自动添加它们？ 或者从长远来看，我会遇到某种意外错误。

我之前用的是1200px的网格系统。而且我总是必须以正确的顺序和正确的数字添加列。

Answer 1

6+3= 9 & 剩余的列/网格，即 3 列空间将保持为空，不会产生任何错误，它只是通过将具有类 col-md-offset-3 的 DIV 移动 3 列来居中对齐从左侧开始和右侧的 3 列为空，因此 DIV 将居中对齐。

希望这会带来一些清晰度，谢谢。