線上引用Bootstrap Js、css框架
阿新 • • 發佈:2019-01-25
Bootstrap是一個非常好用的前段框架,我們在專案常常會遇到這個問題,使用html網頁時當前的html檔案必須是獨立存在的,這時我們不能用<link href="../css/bootstrap.min.css" rel="stylesheet">
這種方法引用Bootstrap框架,因為這根本找不到路徑,所以我們只能換換個方法,來到Bootstrap中文網可以找到。
使用 BootCDN 提供的免費 CDN 加速服務(同時支援 http 和 https 協議)
<!-- 最新版本的 Bootstrap 核心 CSS 檔案 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<!-- jQuery檔案。務必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 檔案 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
<!-- 可選的 Bootstrap 主題檔案(一般不用引入) -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">