首頁 > web前端 > Bootstrap教程 > 什麼是bootstrap以及其作用

什麼是bootstrap以及其作用

藏色散人
發布: 2019-07-27 11:26:07
原創
5944 人瀏覽過

什麼是bootstrap以及其作用

什麼是bootstrap以及其作用?

Bootstrap是一組用於網站和網路應用程式開發的開源前端(所謂“前端”,指的是展現給最終用戶的介面。與之對應的“後端”是在伺服器上面運行的程式碼)框架,包括HTML、CSS及JavaScript的框架,提供字體排印、窗體、按鈕、導航及其他各種元件及Javascript擴展,旨在使動態網頁和Web應用的開發更加容易。

Bootstrap採用模組化設計,並且用LESS樣式表語言來實作各種元件和工具。一個名為bootstrap.less的文件包含了這些元件和工具,開發者可以修改這個文件,自行決定專案需要哪些元件。

透過一個基本設定檔可以進行有限的定制,此外也可以進行更深入的定制。

LESS語言支援變數、函數、運算子、組合選擇器和一個叫做Mixin(混入)的功能。

從Bootstrap 2.0開始,Bootstrap文件包含一個叫做「自訂」的特別選項,開發者可以根據自己的實際需求來選擇包含的元件和效果,然後產生和下載已經編譯好的套件。

網格系統和響應式設計以1170像素寬為基準。此外開發者也可以自訂基準。這兩種情況下,Bootstrap都能提供四種變體:手機垂直螢幕、手機橫屏和平板電腦、PC低解析度、高解析度,每個變體都會自動調整網格寬度。

CSS

Bootstrap對一系列HTML元件的基本樣式進行了定義,並且為文字、表格和表單元素設計了一套獨特的、現代化的樣式。

可重複使用元件

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板