少年,请养成看文档手册的习惯,官网写得清清楚楚。
<!-- 新 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
Bootstrap里的文件有以下几种:
bootstrap.js
bootstrap.css
bootstrap.min.js
bootstrap.min.css
bootstrap-responsive.min.css
bootstrap-responsive.css
它们分别的作用为:
bootstrap.js:是bootstrap的所有js指令的总和。
bootstrap里面所有的js效果,都是由bootstrap.js控制的。
bootstrap.js供开发的时候进行调试用。
bootstrap.css:是未压缩的,完整的bootstrap样式表,供开发的时候进行调试使用。
bootstrap.min.js:是压缩的bootstrap样式表,在部署网站的时引用。
bootstrap-responsive.min.css:是bootstrap-responsive.css的压缩版,在部署网站的时引用。
bootstrap-responsive.css:是对bootstrap框架应用了响应式布局之后所需要的CSS样式表,
在页面里引入bootstrap的css和js文件有下面两种方法方法一:
首先得把boostrap下下来;
<link type="text/css" rel="stylesheet" href="boostrap.min.css">这个是引入css文件
<script type="text/javascript" scr="boostrap.min.js">这个是引入js文件
方法二:
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">CDN引入(css)
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script
CDN引入(js)
注意:引用之前要先引用jquery才可以用它的js文件