html - 使用 Bootstrap 的网格时可以省略容器元素吗？

Question

我已经使用 Bootstrap 框架创建了一个响应式站点，但是我没有使用 Bootstrap .container 类。

对于我的项目，所有内容都位于一个带有 .wrapper 类的 div 中。 wrapper 是流动的，宽度为 80%，最大 1200 像素，最小宽度 360 像素。在包装器中，我使用了标准的 .row 和 .col Boostrap 类。

我已经测试了网站，一切都按预期工作。该站点验证和(甚至可以在 ie-9 上工作)和移动设备。

没有.container类，用上面的方法可以吗？

非常感谢，

Answer 1

没有理由必须使用容器元素。但是，.container-fluid 类几乎完全符合您的描述。我会考虑将您的自定义包装器切换到标准化和易于维护的包装器。

关于您的行边距——这不是一个好主意。您可能会发现自己想要做一个现代的“平面”设计，您会希望其中的一些行紧密堆叠。通常最好单独保留网格元素，并将边距和填充应用于内部元素。您可以在行中放一个类来执行此操作:

.row.padded > div div { /* > div should be a column */
    margin: 1em 0;
}

<div class="container-fluid">
    <div class="row padded">
        <div class="col-xs-12">
            <div> ... </div> <!-- this will have a margin -->