怎么在页面里引入bootstrap的css和js文件

Posted 2023-03-19

在页面里引入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文件 参考技术A <!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

参考技术B 额……在head里面引入，css就是用link，js的话就是用script引入就OK，js和css都要放在你的本项目文件夹里面 参考技术C 方法一：
首先你得把boostrap下下来；

<link type="text/css" rel="stylesheet" href="boostrap.min.css">这个是引入css文件

<script type="text/javascript" scr="boostrap.min.js">这个是引入js文件
下载地址http://v3.bootcss.com/
方法二：
<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文件 参考技术D http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css
http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.js本回答被提问者采纳