標籤:包括 定位 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架構)