bootstrap有什么用

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有什么用大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。