首頁  >  文章  >  web前端  >  bootstrap是什麼框架?是做什麼的?

bootstrap是什麼框架?是做什麼的?

藏色散人
藏色散人原創
2021-12-27 17:03:465054瀏覽

bootstrap是一個用於快速開發網頁應用程式和網站的前端框架,該框架是基於HTML、CSS和JAVASCRIPT的;bootstrap可以快速建立一個漂亮、功能完備的網站。

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn