bootstrap是一個用於快速開發網頁應用程式和網站的前端框架,該框架是基於HTML、CSS和JAVASCRIPT的;bootstrap可以快速建立一個漂亮、功能完備的網站。
本文操作環境:Windows7系統、bootsrap3.3.7版、Dell G3電腦。
bootstrap是什麼框架?是做什麼的?
Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發框架,使得 Web 開發更加快速。 Bootstrap提供了優雅的HTML和CSS規範,它也就是由動態CSS語言Less寫成。 Bootstrap一推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。國內一些行動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap原始碼進行效能優化而來。
Bootstrap 是一個用於快速開發 Web 應用程式和網站的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。
Bootstrap 是 2011 年八月在 GitHub 上發布的開源產品。
Bootstrap 的包含內容
#基本結構:Bootstrap 提供了一個有網格系統、連結樣式、背景的基本架構。這將在Bootstrap 基本結構部分詳細講解。
CSS:Bootstrap 自帶以下功能:全域的 CSS設定、定義基本的 HTML 元素樣式、可擴充的 class,以及先進的網格系統。這將在Bootstrap CSS部分詳細講解。
元件:Bootstrap 包含了十幾個可重複使用的元件,用於建立映像、下拉式選單、導覽、警告框、彈出框等等。這將在佈局元件部分詳細講解。
JavaScript 外掛程式:Bootstrap包含了十幾個自訂的jQuery 外掛程式。您可以直接包含所有的插件,也可以逐一包含這些插件。這將在Bootstrap插件部分詳細講解。
自訂:您可以自訂Bootstrap的元件、LESS 變數和jQuery 外掛程式來獲得您自己的版本。
為什麼要使用 Bootstrap?
行動裝置優先:自 Bootstrap 3 起,框架包含了貫穿整個庫的行動裝置優先的樣式。
瀏覽器支援:所有的主流瀏覽器都支援 Bootstrap。
容易上手:只要您具備 HTML 和 CSS 的基礎知識,就可以開始學習 Bootstrap。
響應式設計:Bootstrap 的響應式 CSS 能夠自適應於桌上型電腦、平板電腦和手機。更多有關響應式設計的內容詳見 Bootstrap 響應式設計。
它為開發人員建立介面提供了一個簡潔統一的解決方案。
它包含了功能強大的內建元件,易於自訂。
它也提供了基於 Web 的客製化。
它是開源的。
支援元件
Bootstrap包含了豐富的網路元件,根據這些元件,可以快速的建置一個漂亮、功能完備的網站,其中包括以下元件:
下拉選單、按鈕群組、按鈕下拉選單、導航、導航列、路徑導航、分頁、排版、縮圖、警告對話方塊、進度列、媒體物件等
支援外掛程式
Bootstrap自備了13個jQuery插件,這些插件為Bootstrap中的元件賦予了「生命」。其中包括:
模式對話框、標籤頁、捲軸、彈出框等。
推薦學習:《bootstrap影片教學》
以上是bootstrap是什麼框架?是做什麼的?的詳細內容。更多資訊請關注PHP中文網其他相關文章!