首頁  >  文章  >  web前端  >  bootstrap有哪些元件

bootstrap有哪些元件

藏色散人
藏色散人原創
2019-07-27 11:42:403328瀏覽

bootstrap有哪些元件

bootstrap有哪些元件?

Bootstrap是一組用於網站和網路應用程式開發的開源前端(所謂“前端”,指的是展現給最終用戶的介面。與之對應的“後端”是在伺服器上面運行的程式碼)框架,包括HTML、CSS及JavaScript的框架,提供字體排印、窗體、按鈕、導航及其他各種組件及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教程

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

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