是否有必要在容器 - 液体块中添加.row？

Question

是否有必要在.row块中添加.container-fluid？

在bootstrap网站上，它说：

  

行必须放在.container（固定宽度）或.container-fluid（全宽）内，以便正确对齐和填充。

我在没有.row的情况下这样做了，而且效果很好：

<div class="container-fluid container-fixed-lg ">
   <div class="panel">
        <div class="panel-body">
           <table>
              ......
           </table>
        </div>
    </div>
</div>

Answer 1

如果你看一下BootStrap CSS中的row类，你会注意到左边和右边都有-15px的边距。这是为了补偿15px提供的container填充。如果您要在行中嵌套列，这很重要，因为列本身具有15px填充（在许多情况下称为＆＃34; gutter＆＃34;）。

正如BootStrap所说：

  

列通过填充创建装订线（列内容之间的间隙）。那   padding在第一列和最后一列的行中通过负数偏移   .rows上的边距。

换句话说，如果你要嵌套列，你应该使用一行，如果没有，那么它们并不是绝对必要的......

Answer 2

您的代码没问题，如果您不使用引导网格系统，则无需将无用div 与类row放在一起。显然你不在这里。

Answer 3

你应该查看.row的用途。在bootstrap中，它从div的左侧和右侧移除边距（装订线）。有了这个知识，你可以知道你是否需要使用它。 :)

我在.container流体块中多次使用。