在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流体（全宽度）之内。

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

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

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

因此，我个人会在谨慎的一面犯错，并按照bootstrap所设定的要求。将来，框架可能会发生变化，并且可能会在row类上创建强大的依赖关系，并且由于代码中缺少该类，因此需要对其进行重新设计才能更新版本......或者可选择实现响应选择器，例如作为.col-xs-，它可能超过或不足12列网格格式。