注明:该文档由本人整理于20##年12月8日
Bootstrap中文参考网站:http://www.bootcss.com/
BootStrap最新版源码下载:http://v3.bootcss.com/
官网下载的Bootrsap源码包含下列文件:
构建bootstrap基础网页(可以作为网页的基础模板,以后直接复制过去,然后就可以使用bootstrap定义好的相关标签等等) 如图1-1所示:
图1-1
说明:
1)<meta name="viewport" content="width=device-width,initial-scale=1.0">
使用来修复网页在移动设备上显示的问题
2)<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
这是对ie9之前等版本不支持HTML5的浏览器进行特殊的处理
4)在head中的bootstrap-responsive.css是非必须文件,可以不引入,这个文件的主要作用是做一个响应式的网页。
5)在网页中bootstrap.css是bootstrap中的样式文件,bootstrap.js是脚本文件,两个文件相互对应,引入的顺序和位置一般是:CSS文件在head标签中引入,js文件在body标签里引入。其中jquery文件要在bootstrap脚本文件之前引入。
6)Bootstrap是基于HTML5网页的,所以首先要建立一个HTML5类型的网页
做完以上的操作就建好了一个基本的bootstrap网页了,然后就可以在body里面使用bootstrap中定义好的各种好看的样式。
…… …… 余下全文