1.下载网址:https://v3.bootcss.com/,下载用于产生环境的bootstrap。
2.环境引入
方法一:在联网的状态下直接在<head></head>之间写入代码;
注意:文档必须为html5
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
方法二:在网站下载bootstrap,https://v3.bootcss.com/getting-started/#download
解压后包含front,css,js三个文件夹,js文件中必须有jquery.min.js文件,打开cdn.bootcss.com/jquery/1.11.3/jquery.min.js网址,网页另存为到js文件夹中。Link是引入外部样式表,在<head></head>之间写代码
<!--引入外部bootstrap中的css文件-->
<link rel=”stylesheet” herf=”bootstrap/css/bootstrap.min.css”>
<!--jQuery 引入,务必在bootstrap.min.js之前引入-->
<script src=”bootstrap/js/jquery.min.js”></script>
<!--再引入bootstrap.min.js文件-->
<script src=”bootstrap/js/bootstrap.min.js”></script>
或者
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>