1.Bootstrap簡介

標籤：最新   相容   包括   class   boot   trap   lin   href   none   

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簡介