方法一:
Bootstrap CDN推荐
本站实例采用的是百度的静态资源库(http://cdn.code.baidu.com/)上的Bootstrap资源。
百度的静态资源库的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费,引入代码如下:
<!-- 新 Bootstrap 核心 CSS 文件 --> <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> <!-- 可选的Bootstrap主题文件(一般不使用) --> <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap-theme.min.css"></script> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
方法二:官方下载内核包,本地引用内核文件
a、一个bootstrap 的两个文件
b、一个是jQuery内核文件
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap 模板</title> <link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" /> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="jquery-2.1.1/jquery-2.1.1.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script> </head> <body> <h1>Hello, world!</h1> </body> </html>