07-栅格系统的一些其他的补充

容器container有一个最大值的。在不同的屏幕下面，它的宽度不一样。比如一般的电脑屏幕，最大是1170，就算你很大，也是这个值。

如果你希望更大，则用container-fluid。

因为container的宽度，决定着行的最大宽度。

小屏幕下面，col-md-x不起作用，只有col-xs-x起作用。

<div class="container">
	<div class="row show-grid">
	  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
	  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
	  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
	</div>		
</div>Code language: HTML, XML (xml)

平常我们最后分开来设置这个col。先配置测试好电脑屏幕md，然后再取处理xs小屏幕的，这个不用管md。

大的工作台是lg，一般电脑显示器是md，平板电脑是sm，手机一般是xs。

布局的时候，最好测完一个到一个。

多余的列（column）将另起一行排列。

当bootstrap加载了9的时候，右侧还可以放3的，结果发现下一个是4，所以4就放不了再9的右侧了。所以9的右侧只能是空白，然后4只能是下一行，然后4的右侧就可以放8了，然后6就可以放到4的右侧了。