在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. "create horizontal groups of columns." source
2. "row通过在左右两侧使用-15px的负边距值来取消container元素设置的内边距。"

在网格结构中不使用这个类的影响是什么?我要确保他使用。row类吗?

谢谢

Answer 1

From bootstrap docs

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

您还正确地指出，.row清除了左、右填充15px的容器中的排水沟。

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

因此，我个人倾向于谨慎行事，并遵循bootstrap设定的要求。在未来，框架可能会发生变化，并且可能会对行类产生强烈的依赖，因为它在代码中缺失，因此需要重新编写以更新版本……或者，你可以选择实现响应式选择器，如.col-xs-，它可以覆盖或覆盖12列网格格式。