bootstrap
Web前端CSS框架
Bootstrap,來自Twitter,是目前最受歡迎的前端框架。Bootstrap是基於HTML、CSS、JAVASCRIPT的,它簡潔靈活,使得Web開發更加快捷。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範,它即是由動態CSS語言Less寫成。
Bootstrap一經推出后頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。
目前使用較廣的是版本2、3和4,其中2的最新版本的是2.3.2,3的最新版本是3.4.1,4的最新版本是4.4.1
在2018年1月下旬,Bootstrap團隊發布了Bootstrap 4 正式版,4的最主要變化包括以下方面:
● 從 Less 遷移到 Sass
● 改進網格系統
bootstrap
● 預設彈性框支持
● Dropped wells, thumbnails, and panels for cards
● 合併所有 HTML resets 到一個新的模塊中:Reboot
● 全新自定義選項
● 不再支持 IE8
● 重寫所有的 JavaScript 插件
● 改進工具提示和 popovers 的自動定位
● 改進文檔
● 其他大量改進
● 基本結構:Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。這將在Bootstrap 基本結構部分詳細講解。
● CSS:Bootstrap 自帶以下特性:全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網格系統。這將在Bootstrap CSS部分詳細講解。
● 組件:Bootstrap 包含了十幾個可重用的組件,用於創建圖像、下拉菜單、導航、警告框、彈出框等等。這將在布局組件部分詳細講解。
● JavaScript 插件:Bootstrap包含了十幾個自定義的jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在Bootstrap插件部分詳細講解。
● 定製:您可以定製Bootstrap的組件、LESS 變數和jQuery 插件來得到您自己的版本。
Bootstrap是基於HTML5和CSS3開發的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,併兼容大部分jQuery插件。最新版本是V3.3.4。
bootstrap
下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。
Bootstrap自帶了13個jQuery插件,這些插件為Bootstrap中的組件賦予了“生命”。其中包括:
模式對話框、標籤頁、滾動條、彈出框等。
可以對Bootstrap中所有的CSS變數進行修改,依據自己的需求裁剪代碼。
Less 是一個 CSS 預處理器,讓 CSS 具有動態性。另一方面,Bootstrap 是一個快速開發 Web App 和站點的工具包。這樣,您可以在 CSS 中使用 Bootstrap 的 Less 變數、mixins(混合)和 nesting(嵌套)。