BootStrap

列排序其实就是改变列的方向，就是改变左右浮动，并且设置浮动的距离。
• 在 Bootstrap 框架的网格系统中是通过添加类名 ”col-md-push-” 和“col-md-pull-” (其中星号代表移动的列组合数)。往前 pull，往后 push。

列嵌套

Bootstrap 框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行（row）容器，然后在这个行容器中插入列.

排版

• 标签

  h1-h6:bootstrap定义了样式覆盖了原来的标题效果
• 其他 标签使用.h1-.h6样式，也可以有h1-h6的效果

• <small></small>

  :小号字体，或者设置.small属性

段落

段落是排版中另一个重要元素之一。通过.lead 来突出强调内容(其作用就是增大文本字号，加粗文本，而且对行高和 margin 也做相应的处理。可以使用
• 以下标签给文本做突出样式处理：

<small>:小号字
<b><strong>:加粗
<i><em>:斜体

• 引用
  

  <blockquote>：

  标签定义摘自另一个源的块引用，
  使用.blockquote-reverse，实现右对齐。
  

  <footer>:

  脚注
  

  <cite>：

  表示对某个参考文献的引用

• 强调

  .text-muted：提示，使用浅灰色（#999）
• .text-primary：主要，使用蓝色（#428bca）
• .text-success：成功，使用浅绿色(#3c763d)
• .text-info：通知信息，使用浅蓝色（#31708f）
• .text-warning：警告，使用黄色（#8a6d3b）
• .text-danger：危险，使用褐色（#a94442）

文本对齐
*使用 text-align 来实现文本的对齐风格的设置。

其中主要有四种风格：
• 左对齐，取值 left ;
• 居中对齐，取值 center;
• 右对齐，取值 right ;
• 两端对齐，取值 justify。
• 为了简化操作，方便使用，Bootstrap 通过定义四个类名来控制文本的对齐
• 风格： .text-left：左对齐 .text-center：居中对齐
• .text-right：右对齐
• .text-justify：两端对齐

列表

在 HTML 文档中，列表结构主要有三种：

无序列表

(<ul><li>…</li></ul>)、

• 有序列表

  (<ol><li>…</li></ol>)、

• 定义列表

  (<dl><dt>…</dt><dd>…</dd></dl>)。

• bootstrap 根据平时的使用情形提供了六种形式的列表:( 普通列表、有序列表、去点列表、内联列表、描述列表、水平描述列表）。在样式方面 Bootstrap只是在原有的基础上做了一些细微的优化(margin 调整),其他差别不大，加入了一些样式:
• 去点列表:
  

  class="list-unstyled"

• 内联列表:
  

  class=” list-inline”

  简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。也可以说内联列表就是为制作水平导航而生。
• 定义列表:
  *在原有的基础加入了一些样式，使用样式 class=“.dl-horizontal”制作 水平定义列表 : 当标题宽度超过160px时，将会显示三个省略号 bootstrap4
• 貌似有问题，看样子还是不稳定，bootstrap3 中的 css 没有问题

代码

主要提供了三种代码风格： 使用

<code></code>

来显示单行内联代码
• 使 用

  <pre></pre>

  来 显 示 多 行 块 代 码 ， 样 式 : pre-scrollable (height,max-height 高度固定,为 340px,超过存在滚动条)
• 使用来显示用户输入代码,如快捷键，不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。

表格

样式:
• Bootstrap 为表格提供了 1 种基础样式和 4 种附加样式以及 1 个支持响应式
• 的表格。在使用 Bootstrap 的表格过程中，只需要添加对应的类名就可以得到不同的表格风格：
• 基础样式 .table：基础表格
  附加样式
• .table-striped：斑马线表格
• .table-bordered：带边框的表格
• .table-hover：鼠标悬停高亮的表格
• .table-condensed：紧凑型表格，单元格没内距或者内距较其他表格的内距更小

• <tr>

  提供了五种不同的类名，每种类名控制了行的不同背景颜色