BootStrap引用
阿新 • • 發佈：2018-12-16
本地引用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 新 Bootstrap 核心 CSS 檔案 --> <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" media="screen"> <!-- 可選的Bootstrap主題檔案（一般不用引入） --> <link href="bootstrap-3.3.7-dist/css/bootstrap.theme.min.css" rel="stylesheet" media="screen"> <title>Title</title> </head> <body><!--html content--> <!-- jQuery檔案。務必在bootstrap.min.js 之前引入 --> <script src="bootstrap-3.3.7-dist/js/jquery.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 檔案 --> <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> </body> </html>
CDN應用
cdn一：
<!-- 新 Bootstrap 核心 CSS 檔案 --> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- 可選的Bootstrap主題檔案（一般不用引入） --> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- jQuery檔案。務必在bootstrap.min.js 之前引入 --> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 檔案 --> <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
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>