搭建环境(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的父元素,当设备的尺寸比较小时,会自动加上一个滚动条