Bootstrap入门基础（二）

Bootstrap入门基础（二）

（网格系统、排版）

1，网格选项

后序学习中若遇到  xs , sm , md ,lg  要知道分别表示   手机设备，平板电脑，中型设备电脑，大型台式

网格系统是通过指定您想要横跨的十二个可用的列来创建的。例如(随便举例，可自己设置)，3个 .col-xs-4  ；1个.col-sm-3 和 1个.col-sm-9   ;  2个.col-md-6

 超小设备手机（<768px）小型设备平板电脑（≥768px）中型设备台式电脑（≥992px）大型设备台式电脑（≥1200px）网格行为一直是水平的以折叠开始，断点以上是水平的以折叠开始，断点以上是水平的以折叠开始，断点以上是水平的最大容器宽度None (auto)750px970px1170pxClass 前缀.col-xs-.col-sm-.col-md-.col-lg-列数量和12121212最大列宽Auto60px78px95px间隙宽度30px
（一个列的每边分别 15px）30px
（一个列的每边分别 15px）30px
（一个列的每边分别 15px）30px
（一个列的每边分别 15px）可嵌套YesYesYesYes偏移量YesYesYesYes列排序YesYesYesYes列偏移：.col-md-offset-*

列嵌套：添加一个新的 .row，并在一个已有的.col-md-* 列内添加一组 .col-md-* 列

列排序：使用 .col-md-push-* 和 .col-md-pull-*

2，排版

内联子标题 <small>

引导主体副本 <lead>

强调：<small>（设置文本为父文本大小的 85%）、<strong>（设置文本为更粗的文本）、<em>（设置文本为斜体）

文本左对齐text-left ,(中、右) ，  文本减弱 text-muted

缩写 <abbr>  .initialism   如：

<abbr title="Real Simple Syndication" class="initialism">RSS</abbr>

列表：class .list-unstyled 来移除样式，  class .list-inline 把所有的列表项放在同一行中,    classdl-horizontal 把 <dl> 行中的属于与描述并排