.container(布局容器)屏幕宽度1200px以上(col-lg)1.默认宽度为1170px2.padding，左右各15px，所以内容宽度为1140px；屏幕宽度为992px或更多(col-md)1。默认宽度为970px2。padding、left、right各15px，所以内容宽度为940px；屏幕宽度大于768px(col-sm)1。默认宽度为750px2。padding、left、right各15px，所以内容宽度为720px；屏幕宽度小于768px(col-xs)1.默认宽度为100%2.padding，左右各15px，所以内容宽度为100%-30px；.container-fluid(flowLayoutcontainer)1.宽度为100%2.其他同.container。row(行)1.默认margin-left和margin-right为-15px；2.这样偏移了.container的padding和row显示区域的宽度就是.container的宽度3.使用::after清除浮动.col-(column)1.使用@media设置相应的百分比宽度2.填充，左右各15px3.float:left4.position:relative5.最小高度：1px.col-*-offset-（移动）1。使用@media设置margin-left.col--push-and.col--pull-(columnsorting)1对应的百分比。由于col-setsposition:relative，通过设置left(push)和righ(pull)来改变节点的位置。在其他情况下，列的高度不同。clearfix(clearfloating)1.由于列都是浮动的，所以在达到阈值的时候会出现一些问题。当column大于12时，需要配合清除对应位置的浮动来解决。1.因为column是浮动的，所以多余的column会自动换行排列嵌套1.由于上面的属性设置，你可以嵌套和编写。编写自己的网格系统。本博文首发于我的个人博客，点击此处查看更多
