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源碼進行性能優化而來。前端
支持組件:
Bootstrap中包含了豐富的Web組件,根據這些組件,能夠快速的搭建一個漂亮、功能完備的網站。其中包括如下組件:
下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等
支持插件:
Bootstrap自帶了13個jQuery插件,這些插件爲Bootstrap中的組件賦予了「生命」。其中包括:
模式對話框、標籤頁、滾動條、彈出框等。
包含內容:
基本結構:Bootstrap 提供了一個帶有網格系統、連接樣式、背景的基本結構。這將在Bootstrap 基本結構部分詳細講解。
CSS:Bootstrap 自帶如下特性:全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網格系統。這將在Bootstrap CSS部分詳細講解。
組件:Bootstrap 包含了十幾個可重用的組件,用於建立圖像、下拉菜單、導航、警告框、彈出框等等。這將在佈局組件部分詳細講解。
JavaScript 插件:Bootstrap包含了十幾個自定義的jQuery 插件。您能夠直接包含全部的插件,也能夠逐個包含這些插件。這將在Bootstrap插件部分詳細講解。
定製:您能夠定製Bootstrap的組件、LESS 變量和jQuery 插件來獲得您本身的版本。bootstrap
更多bootstrap課程:阿里雲大學——開發者課堂性能優化