Bootstrap栅格系统.doc

第六课 Bootstrap栅格系统 流式布局容器 将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局。 复制 div class=container-fluid div class=row ... /div /div 列偏移 .col-md-offset-* 嵌套列 为了使用内置的栅格系统将内容再次嵌套，可以通过添加一个新的 .row 元素和一系列 .col-sm-*元素到已经存在的 .col-sm-* 元素内。被嵌套的行（row）所包含的列（column）的个数不能超过12（其实，没有要求你必须占满12列）。 列排序 通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序 排版 在标题内还可以包含 small 标签或赋予 .small 类的元素，可以用来标记副标题。 页面主体 Bootstrap 将全局 font-size 设置为 14px，line-height 设置为 1.428。这些属性直接赋予body 元素和所有段落元素。另外，p （段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）。 中心内容 通过添加 .lead 类可以让段落突出显示。 打开手机