bootstrap需要引用3个文件,分别为:1、Bootstrap核心的CSS文件“bootstrap.min.css”;2、jQuery文件“jquery.min.js”;3、JavaScript文件“bootstrap.min.js”。
本教程操作环境:Windows7系统、bootsrap3.3.7版、DELL G3电脑
Bootstrap的引用文件非常简单
必须的文件只有三个:
@*bootstrap的引用*@ <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- Bootstrap 核心 JavaScript 文件 --> <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
还有一个可选的文件:
<!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="css/bootstrap-theme.min.css" >
首先,需要从bootstrap官网上下载用于生产环境的bootstrap,里面包含了它的基本的引用文件。
-
jquery.min.js——引用jQuery文件,bootstrap是基于jQuery的,所以要添加jQuery文件的引用。
-
bootstrap.min.css——bootstrap的CSS样式文件。
-
bootstrap.min.js——bootstrap的JavaScript文件。
推荐学习:《bootstrap使用教程》