Bootstrap簡介

BootstrapAPI:

https://v3.bootcss.com

Bootstrap優點：

　　響應式布局，一個框架，多種設備適用

　　Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式布局、移動設備優先的 WEB 項目。

　　Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JavaScript的，它在jQuery的基礎上進行了更為個性化和人性化的完善，形成一套自己獨有的網站風格，並兼容大部分jQuery插件。

　　Bootstrap簡潔靈活，使得 Web 開發更加快捷。其最大的優勢是響應式布局，使得開發者可以方便的讓網頁無論在臺式機、平板設備、手機上都獲得最佳的體驗。

Bootstrap的缺點：

　　雖然bootstrap自適應效果很好，但是缺點是不方便修改樣式，對細節的不好把握，而且Bootstrap 是由 Twitter 的開發者開發來系統化他們網站應用的樣式。當你的網站應用的樣式和他們不一樣，這意味著你不得不覆蓋掉他們的樣式來。大多數網站的樣式並不像 Twitter 那樣。因此，如果他們安裝 Bootstrap ，他們會覆蓋掉很多樣式。

　　配置：

<!--屏幕自適應，寬度為當前設備寬度，屏幕縮放當前不縮放為1-->

<meta name="viewport" content="width=device-width, initial-scale=1.0"
 
>

<!-- 引入 Bootstrap -->

<link href="//apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 Shim 和 Respond.js 用於讓 IE8 支持 HTML5元素和媒體查詢 --> <!-- 註意： 如果通過 file:// 引入 Respond.js 文件，則該文件無法起效果 -->

如果為ie瀏覽器，且版本小於9，用：

 [if lt IE 9]>

<script src
 
="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]

<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->

<script src="jquery-3.3.1.min"></script>

<!-- 包括所有已編譯的插件 -->

<script src="js/bootstrap.min.js"></script>

也可以直接使用 BootCDN上的庫：

<!-- 新 Bootstrap 核心 CSS 文件 -->

<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- 可選的Bootstrap主題文件（一般不使用） -->

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>

<!-- jQuery文件。務必在bootstrap.min.js 之前引入 -->

<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

1.Bootstrap簡介