bootstrap都有哪些元件

一、背景介紹

什麼是 BOOTSTRAP？ Bootstrap 是一個用於快速開發 Web 應用程式和網站的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。它是2011 年八月由 Twitter 的 Mark Otto 和 Jacob Thornton 在 GitHub 上發布的開源產品。

二、知識剖析

BOOTSTRAP 套件的內容基本架構：

Bootstrap 提供了一個有網格系統、連結樣式、背景的基本結構。

CSS：Bootstrap 自帶以下功能：全域的 CSS 設定、定義基本的 HTML 元素樣式、可擴充的 class，以及先進的網格系統。

元件：Bootstrap 包含了十幾個可重複使用的元件，用於建立圖像、下拉式選單、導航、警告框、彈出框等等。

JavaScript 外掛程式：Bootstrap 包含了十幾個自訂的 jQuery 外掛程式。您可以直接包含所有的插件，也可以逐一包含這些插件。

自訂：您可以自訂 Bootstrap 的元件、LESS 變數和 jQuery 外掛來取得自己的版本。

相關推薦：《bootstrap入門教學》

#目前常用的BOOTSTRAP元件：

（1）輪播圖

（2）下拉選單

（3）響應式導覽列

#三、常見問題

為什麼要使用Bootstrap？

四、解決方案

行動裝置優先：自 Bootstrap 3 起，框架包含了貫穿整個庫的行動裝置優先的樣式。

瀏覽器支援：所有的主流瀏覽器都支援 Bootstrap。

容易上手：只要您具備 HTML 和 CSS 的基礎知識，就可以開始學習 Bootstrap。

響應式設計：Bootstrap 的響應式 CSS 能夠自適應於桌上型電腦、平板電腦和手機。

它為開發人員創建介面提供了一個簡潔統一的解決方案。

它包含了功能強大的內建元件，易於定制，它還提供了基於 Web 的定制，它是開源的。

以上是bootstrap都有哪些元件的詳細內容。更多資訊請關注PHP中文網其他相關文章！