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中文网

原文地址:https://www.cnblogs.com/lkldeblog/p/7325514.html