Bootstrap基礎入門

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 課程：