bootstrap有什么用

bootstrap有什么用？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見(jiàn)到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

什么是bootstrap以及其作用?

Bootstrap是一組用于網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)的開(kāi)源前端（所謂“前端”，指的是展現(xiàn)給最終用戶的界面。與之對(duì)應(yīng)的“后端”是在服務(wù)器上面運(yùn)行的代碼）框架，包括HTML、CSS及JavaScript的框架，提供字體排印、窗體、按鈕、導(dǎo)航及其他各種組件及Javascript擴(kuò)展，旨在使動(dòng)態(tài)網(wǎng)頁(yè)和Web應(yīng)用的開(kāi)發(fā)更加容易。

Bootstrap采用模塊化設(shè)計(jì)，并且用LESS樣式表語(yǔ)言來(lái)實(shí)現(xiàn)各種組件和工具。一個(gè)名為bootstrap.less的文件包括了這些組件和工具，開(kāi)發(fā)者可以修改這個(gè)文件，自行決定項(xiàng)目需要哪些組件。

通過(guò)一個(gè)基本配置文件可以進(jìn)行有限的定制，此外也可以進(jìn)行更加深入的定制。

LESS語(yǔ)言支持變量、函數(shù)、運(yùn)算符、組合選擇器和一個(gè)叫做Mixin（混入）的功能。

從Bootstrap 2.0開(kāi)始，Bootstrap文檔包括一個(gè)叫做“自定義”的特別選項(xiàng)，開(kāi)發(fā)者可以根據(jù)自己的實(shí)際需要來(lái)選擇包含的組件和效果，然后生成和下載已經(jīng)編譯好的包。

網(wǎng)格系統(tǒng)和響應(yīng)式設(shè)計(jì)以1170像素寬為基準(zhǔn)。此外開(kāi)發(fā)者也可以自定義基準(zhǔn)。這兩種情況下，Bootstrap都能提供四種變體：手機(jī)豎屏、手機(jī)橫屏和平板電腦、PC低分辨率、高分辨率，每個(gè)變體都會(huì)自動(dòng)調(diào)整網(wǎng)格寬度。

CSS

Bootstrap對(duì)一系列HTML組件的基本樣式進(jìn)行了定義，并且為文本、表格和表單元素設(shè)計(jì)了一套獨(dú)特的、現(xiàn)代化的樣式。

可重用組件

除了基本HTML元素，Bootstrap還包括了其他常用的界面元素，例如帶有高級(jí)功能的按鈕（例如按鈕組合、帶有下拉菜單選項(xiàng)的按鈕、導(dǎo)航欄、水平和垂直標(biāo)簽組、導(dǎo)航、分頁(yè)等等）、標(biāo)簽、高級(jí)排版、縮略圖、警告信息、進(jìn)度條等。

這些組件都使用CSS的類(lèi)實(shí)現(xiàn)。在頁(yè)面中需要將其對(duì)應(yīng)到特定的HTML元素上面。

JavaScript組件

通過(guò)jQuery，Bootstrap加入了一些JavaScript組件。它們提供了例如對(duì)話框、工具提示、輪播等功能。此外還增強(qiáng)了一些用戶界面元素的功能，例如輸入框的自動(dòng)完成。

Bootstrap 2.0支持以下JavaScript插件：Modal（模態(tài)對(duì)話框）、Dropdown（下拉菜單）、Scrollspy（滾動(dòng)監(jiān)聽(tīng)）、Tab（標(biāo)簽頁(yè)）、Tooltip（工具提示）、Popover（浮動(dòng)提示）、Alert（警告）、Button（按鈕）、Collapse（折疊）、Carousel（輪播）、Typeahead（輸入提示）、Affix（附加導(dǎo)航）.

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)bootstrap有什么用大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。