bootstrap栅格系统原理

　　Bootstrap划分了四种尺寸：超小屏（手机）、小屏（平板竖屏）、中屏（平板横屏）和大屏（PC），每一类中顶层包含块container的宽度都是固定的。还可以使用.container-fluid将固定宽度转换为连续的宽度（width=100%）。

　　这里有个疑问：为什么对于大屏设备，container的宽度要设计为1170px。既然是12列栅格，设计成1200px不是显得更规整、也更容易向产品和UI解释吗？

　　原来bootstrap为了避免内容占满屏幕，确保在1200px宽的设备两边留出一定的边距，因此将container的最大宽度设为1170px，并使用margin-left:auto和margin-right:auto将container居中，从而确保两边各留出15px的边距。所有列宽均设置为百分比，根本不考虑具体数值。所以if(你有整数情结){不要受整数情结的影响}。