Bootstrap （Web架構）

標籤：包括   定位   set   捲軸   預設   功能   個人化   最佳化   jacob   

學習了Bootstrap （Web架構）今天就給大家帶來Bootstrap 的一些知識：

 

Bootstrap （Web架構）

 

Bootstrap，來自 Twitter，是目前很受歡迎的前端架構。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。[1] 它由Twitter的設計師Mark Otto和Jacob Thornton合作開發，是一個CSS/HTML架構。Bootstrap提供了優雅的HTML和CSS規範，它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。[2] 國內一些移動開發人員較為熟悉的架構，如WeX5前端開源架構等，也是基於Bootstrap源碼進行效能最佳化而來。

特點

Bootstrap是基於HTML5和CSS3開發的，它在jQuery的基礎上進行了更為個人化和人性化的完善，形成一套自己專屬的網站風格，併兼容大部分jQuery外掛程式。

 

版本

目前使用較廣的是版本2和3，其中2的最新版本的是2.3.2，3的最新版本是3.3.7。 在2015年8月下旬，Bootstrap四周歲之際，Bootstrap團隊發布了Bootstrap 4 alpha版，4的最主要變化包括以下方面： 從 Less 遷移到 Sass 改進網格系統 預設彈性方塊支援 Dropped wells, thumbnails, and panels for cards 合并所有 HTML resets 到一個新的模組中：Reboot 全新自訂選項 不再支援 IE8 重寫所有的 JavaScript 外掛程式 改進工具提示和 popovers 的自動定位 改進文檔 其他大量改進

 

組件

Bootstrap中包含了豐富的Web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站。其中包括以下組件： 下拉式功能表、按鈕組、按鈕下拉式功能表、導航、導航條、路徑導航、分頁、排版、縮圖、警告對話方塊、進度條、媒體對象等

 

Javascript外掛程式

Bootstrap內建了13個jQuery外掛程式，這些外掛程式為Bootstrap中的組件賦予了“生命”。其中包括： 強制回應對話方塊、標籤頁、捲軸、彈出框等。

Bootstrap （Web架構）