bootstrap的元件有哪些?

青灯夜游
發布: 2020-11-30 17:18:32
原創
7051 人瀏覽過

bootstrap的元件有:Modal模態對話框、Dropdown下拉選單、Scrollspy滾動監聽、Tab標籤頁、Tooltip工具提示、Popover浮動提示、Carousel輪播、Affix附加導航、Collapse折疊等等插件。

bootstrap的元件有哪些?

Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。

Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更快速。 【相關推薦:《bootstrap影片教學》】

Bootstrap中包含了豐富的網路元件,根據這些元件,可以快速的建置一個漂亮、功能完備的網站。

元件:一般是指軟體系統的一部分,承擔了特定的職責,可以獨立於整個系統進行開發和測試, 一個良好設計的元件應該可以在不同的軟體系統中被使用(可複用)。

例如我們可以寫一個官網的響應式導覽列元件,什麼時候官網擴增頁面了,可以直接拉過來重複使用。

bootstrap的元件有哪些?

bootstrap提供了字體排印、窗體、按鈕、導航及其他各種元件及Javascript擴展,旨在使動態網頁和Web應用的開發更加容易。

可重複使用元件

除了基本HTML元素,Bootstrap還包含了其他常用的介面元素,例如具有進階功能的按鈕(例如按鈕組合、帶有下拉式選單選項的按鈕、導覽列、水平和垂直標籤組、導覽、分頁等等)、標籤、進階排版、縮圖、警告訊息、進度條等。

這些元件都使用CSS的類別實作。在頁面中需要將其對應到特定的HTML元素上面。

JavaScript元件

透過jQuery,Bootstrap加入了一些JavaScript元件。它們提供了例如對話框、工具提示、輪播等功能。另外也增強了一些使用者介面元素的功能,例如輸入框的自動完成。

Bootstrap 2.0支援以下JavaScript外掛程式:Modal(模態對話方塊)、Dropdown(下拉式選單)、Scrollspy(捲動監聽)、Tab(標籤頁)、Tooltip(工具提示)、Popover(浮動提示) 、Alert(警告)、Button(按鈕)、Collapse(折疊)、Carousel(輪播)、Typeahead(輸入提示)、Affix(附加導航).

更多程式相關知識,請造訪:程式設計學習! !

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!