1. 程式人生 > >線上引用Bootstrap Js、css框架

線上引用Bootstrap Js、css框架

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">