一.Bootstrap 排版
1.页面主体
Bootstrap讲全局font-size设置为14px,line-height设置为20px，段落的行高设置为10px，颜色设置为#333。我们可以通过在页面按F12查看body的样式。
<div class="container">
<p>卓越人生</p>
<p class="lead">从卓京开始</p>
<p>走向人生巅峰</p>
</div>2.标题
1）主标题：h1--h6
2）副标题：<h1><small>副标题</small></h1>（在Bootstrap中，标题可以有副标题，副标题比正标题的字体小一点，样式有点不太一样。）
3）样式：class=”h1”...class=”h6”（在Bootstrap中h1- h6可以作为class的样式来用，和直接写h1-h6的标题标签效果一样）
3.内联文本元素
1）标记：class=”mark”（标记：把指定的内容标记出来）
2）线条
- 删除：<del>I like </del> 或者<s>I like</s>
- 下划线：<ins>I like </ins> 或者<u>I like</u>
3）强调文本
- 小字体<small>：标准字号的85%
- 文本加粗：<strong>
- 文本倾斜：<em>
4.对齐
1）居左：class=”text-left”
2）居中：class=”text-center”
3）居右：class=”text-right”
5.改变大小写
1）大写：class=”text-uppercase”
2）小写：class=”text-lowercase”
3）首字母大写：class=”text-capitalize”
6.缩略语：
（当鼠标悬停在缩写和缩写词上就会显示完整内容）
1）基本缩略语：<abbr title=”完整内容”>
2）首字母缩略语：<abbr title=”完整内容” class=”initialism”>
7.列表
1）有序列表：<ol><li> 同HTML
2）无序列表：<ul><li> 同HTML
3）无样式列表：<ul class=”list-unstyled”>
4）内联列表：<ul class=”list-inline”>（li显示在一行）
5）描述列表：<dl class=”dl-horizontal”>（ horizontal:水平）
二.代码
1.内联代码：通过<code>标签包裹内联样式的代码片段
2.用户输入：通过<kbd>标签标记用户通过键盘输入的内容
3.基本代码块：多行代码可以使用<pre>标签
设置pre区域显示垂直滚动条：<pre class=”pre-scrollable”>
三.表格
1.基本表格：<table class=”table”>
2.条纹状表格：<table class=”table table-striped”>
3.带边框表格：<table class=”table table-bordered”>
4.鼠标悬停：<table class=”table table-hover”>
5.紧缩表格：<table class=”table-condensed”>
6.响应式表格：<table class=”table”>,给包括<table>的元素添加class=”table-responsive”
7. 状态类
1）class=”active”：鼠标悬停在行或者单元格上时设置的颜色（设置行为灰色）
2）class=”success”：表示成功或积极的动作（设置行为绿色）
3）Class=”info”：表示普通的提示信息或动作（设置行为蓝色）
4）Class=”warning”：表示警告或需要用户注意（设置行为黄色）
5）Class=”danger”：表示危险或潜在的带来负面影响的动作（设置行为红色）
