BootStrap框架引入文件
bootstrap — 框架 引入需要的 这是外网的——
*************************************************************
<!– 最新版本的 Bootstrap 核心 CSS 文件 –>
<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css” integrity=”sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u” crossorigin=”anonymous”>
<!– 可选的 Bootstrap 主题文件（一般不用引入） –>
<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css” integrity=”sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp” crossorigin=”anonymous”>
<!– 最新的 Bootstrap 核心 JavaScript 文件 –>
<script src=”https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js” integrity=”sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa” crossorigin=”anonymous”></script>
JQuery — js库引入需要的 这也是外网的———
*************************************************************
<!– 最新版本的 JQuery库 3.31版本 –>
https://cdn.bootcss.com/jquery/3.3.1/core.js
https://cdn.bootcss.com/jquery/3.3.1/jquery.js
https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.js
https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js
——————————以下是使是测试可以用的———————–
1. 官网
<!– 最新版本的 Bootstrap 核心 CSS 文件 –>
<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css” integrity=”sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u” crossorigin=”anonymous”>
<!– 最新的 Bootstrap 核心 JavaScript 文件 –>
<script src=”https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js” integrity=”sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa” crossorigin=”anonymous”></script>
<!– 引入JQ文件–>
<script type=”text/javascript” src=”http://libs.baidu.com/jquery/1.9.0/jquery.js”></script>
2.W3c
<link rel=”stylesheet” href=”https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css”>
<script src=”https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js”></script>
<script src=”https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js”></script>
/******************************BootStrap4.0.1**************************/
<link rel=”stylesheet” href=”https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css”>
<script src=”https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js”></script>
<script src=”https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js”></script>
<script src=”https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js”></script>
/***************************BootStrap—-W3C推荐 低版本——————————/
Staticfile CDN 推荐
国内推荐使用 Staticfile CDN 上的库：
<!– 新 Bootstrap 核心 CSS 文件 –>
<link href=”https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css” rel=”stylesheet”>
<!– jQuery文件。务必在bootstrap.min.js 之前引入 –>
<script src=”https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js”></script>
<!– 最新的 Bootstrap 核心 JavaScript 文件 –>
<script src=”https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js”></script>
/***************************BootStrap—最新版本——————————/
<!– 新 Bootstrap4 核心 CSS 文件 –>
<link rel=”stylesheet” href=”https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css”>
<!– jQuery文件。务必在bootstrap.min.js 之前引入 –>
<script src=”https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js”></script>
<!– popper.min.js 用于弹窗、提示、下拉菜单 –>
<script src=”https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js”></script>
<!– 最新的 Bootstrap4 核心 JavaScript 文件 –>
<script src=”https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js”></script>
**************************按钮css*******************************
- <!– Buttons 库的核心文件 –>
- <link rel=“stylesheet” href=“css/buttons.css”>
- <!– 当需要使用带下拉菜单的按钮时才需要加载下面的 JavaScript 文件 –>
- <script src=“http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js”></script>
- <script type=“text/javascript” src=“js/buttons.js”></script>
- <!– 只有使用字体图标时才需要加载 Font-Awesome –>
- <link href=“http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css” rel=“stylesheet”>