使用网页展示数据，常使用表格布局来展示，html默认的table表格显示数据，样式非常简陋，不适合项目使用
工具/原料
1
jquery
2
bootstrap
方法/步骤
1Bootstrap 测试
引用bootstrap.min.css、jquery-2.0.3.js和bootstrap.min.js添加class='table'打开浏览器测试看下效果
首先看下bootstrap普通的表格
| 学校 | 地区 | 数量 |
|---|---|---|
| 小学 | 南京 | 200 |
| 初中 | 南京 | 300 |
| 小学 | 上海 | 500 |
2
使用条纹表格可以间隔显示表格背景色，像斑马线，最主要的是添加bootstrap自带的class属性class='table table-striped'
3
边框表格最主要的是添加bootstrap自带的class属性class='table table-bordered'，添加次属性之后，可以自动给表格添加显示边框
4
悬停表格可以在鼠标的光标停留在某一个行时显示高亮背景，最主要的是添加bootstrap自带的class属性class='table table-hover'
5
bootstrap已经给我们定义好了成功、警告、危险不同级别的颜色显示，我们直接使用就可以class='success'class='warning'class='danger'
6
| 级别 | 类别 |
|---|---|
| 1 | 成功 |
| 2 | 警告 |
| 3 | 危险 |
注意事项
初学者，建议按照上面的步骤亲自试一遍，比看一遍要深刻的多
上一篇：龙井茶的冲泡手法