Bootstrap框架

搭建环境（bootstrap中文网上有具体的模板）

　　引入<link href="css/bootstrap.min.css" rel="stylesheet">

             <script src="js/jquery-1.11.1.min.js"></script>
  　　　<script src="js/bootstrap.min.js"></script>

　　　　引入script一般在body的下面（script可以在页面标签加载完后再加载）

1.bootstrap中 container固定宽度为1170px

　<h1></h1>36px   <h2></h2>30px   <h3></h3>24px 依次递减6px

　.page-header 设置页头，给标题加一条分割线

　<small></small> 副标题 小一号

　<big></big>副标题 大一号

　<strong></strong>加粗

　<del></del>删除线

　<em></em>倾斜

文本对齐方式

.text-left 左对齐

.text-center 居中对齐

.text-right 右对齐

英文大小写

.text-uppercase  大写

.text-lowercase  小写

.text-capitalize 首字母大写

列表

.list-unstyled  去掉列表前面的符号和原有的格式

.list-inline 把<li></li>纵向排列变成横向排列

自定义列表

.dl-horizontal 设置变成横向排列

表格

 table>tr*5>td*3 +tab键自动生成一个5行3列的表格

.table 代表表格的基类，其他样式都是在其样式上添加的

.table-bordered  给表格加上外边框

.table-hover 鼠标悬停效果

.table-striped 隔行改变颜色（斑马线效果）

.table-condensed是表格变得紧凑 （padding值减半）

.table-responsive 加给table的父元素，当设备的尺寸比较小时，会自动加上一个滚动条

更多具体请参考Bootstrap中文网