8份宽和4份宽有什么区别吗？

col-lg、col-md、col-sm、col-xs分别对应大、中、小、更小的屏幕，如：

<div class="row">   

   <div class="col-lg-8"></div>

   <div class="col-lg-4"></div>

</div>

在1200px以上的屏幕显示为一行两列，分别为8份宽和4份宽，在小于1200的屏幕则显示为两行，都为12份宽；

另外如：

<div class="row">   

   <div class="col-lg-8 col-xs-5"></div>

   <div class="col-lg-4 col-xs-7"></div>

</div>

在1200px以上的屏幕显示为一行两列，分别为8份宽和4份宽，在小于1200的屏幕则显示为一行两列，分别为5份宽和7份宽.

你在大屏幕中将浏览器慢慢缩小看，你就能看到变化了。因此这里的预浏效果区太小，所以上面看到的效果都是在小屏状态下的。这几个是用来控制响应式网格