什麼是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中文網其他相關文章！