bootstrap可以理解为一套优秀的css jq的集合包。
一、下载:
下载通过
http://v3.bootcss.com/
进入网站后点击下载bootstrap
有3个下载
1.下载bootstrap
2.下载源码
第一个可以理解为编译好的bootstrap
第二个为bootstrap的所有源码
下载完成后,解压。
同时也可以通过http://bootstrap.kinghack.com/customize.html
进行定制下载。
二、文件解析:
解压后,打开编译好的bootstrap。
有3个文件分别为
根据字面即可理解每个文件夹里包含的文件。
bootstrap.css保存的就是 未经过压缩的css表。
bootstrap.min.css保存的是 压缩后的css表(除去空格 换行) 在使用时,引用了该项 无需引用上一项。
bootstrap-theme.css 是扩展的css表 可根据需要添加
min同上
.map文件为source map
在js文件中加入sourceMappingURL = bootstrap.css.map
即可保证,在引用min文件的时候出错时,显示的是完整的.css
三、引用bootstrap:
在<head>中添加:
<link href="bootstrap/3.3.5/css/bootstrap.min.css">
引用bootstrap css
在<body>中添加:
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
(引用bootstrap js需引用标准jquery基础库文件)<script src="bootstrap/3.3.5/js/bootstrap.min.js"></script>