在 Bootstrap 3 网格结构中不使用 .row 类的影响

Question

我雇了一个人来实施网站的设计。他正在使用 bootstrap 3（我以前在某些项目中使用过），令我惊讶的是，他避免在每个网格和子网格中使用 .row 类（他正在使用 clearfix 来制作行）。他的代码看起来像这样……

<div class="container">
    <div class="col-md-7">
        <ul>
            <li><a>item 1</a></li>
            <li><a>item 2</a></li>
            <li><a>item 3</a></li>
        </ul>
    </div>
    <div class="col-md-5 pull-right">
        <ul class="nav nav-tabs">
            <li><i class="fa fa-users" aria-hidden="true"></i>Menu item 1</li>
            <li class="shop">Item 2</li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>

根据我的阅读，.row 类用于

1. “创建水平列组。” source
2. “行通过在左侧和右侧使用-15px的负边距值使容器元素设置的填充无效。” source

在网格结构中不使用这个类有什么影响？我应该确保他使用 .row 类吗？

谢谢

Answer 1

来自引导文档

行必须放置在 .container（固定宽度）或 .container-fluid（全角）用于正确对齐和填充。

你也是正确的，.row 清除了容器中的排水沟，该容器具有15px 左右的填充。

.container {
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

因此，我个人会谨慎行事，并遵循引导程序提出的要求。将来，框架可能会发生变化，并且可能会强烈依赖行类，并且由于您的代码中缺少它，因此需要对其进行重新设计以更新版本……或者，您可以选择实现响应式选择器，例如如.col-xs-，它可以覆盖或覆盖 12 列网格格式。