box与row样式

想要验证某种结果，查资料看别人写的真不如自己去研究一番去总结出来

1.什么场景下用box样式？

具有头、主体、尾部的内容容器

<div class="box">
    <div class="box-header">...</div>
    <div class="box-body">...</div>
    <div class="box-footer">...</div>
</div>

2.什么场景下用row样式？

一行内容中有多列或者只有一列，只要用了row样式，那么即使有一列，里面的标签和样式即下一行也要这样用

<div class="row">
     <div class="col-xs-12">
        ...
      </div>
</div>

尽管row样式已经是占满了整个一行，还要写一个<div class="col-xs-12">，它也表示占满一行，有必要吗？是的，为了响应式布局需要，即当屏幕缩放后，依然可以等比例正常显示。

3.box与row的一起使用情景：

如果同一列下有两行这样的box容器，那么就可以用两个这样的box

如果第一行是分成多列内容，第二行是正常的单列内容，可以第一行用row，第二行用box，当然第二行也可以用row。

注意：其实贴上图更明朗，但觉得有些麻烦，具体效果，adminLTE，F12查看对应效果图的源码层级结构