bootstrap的原理以及作用是什么

本篇內(nèi)容介紹了“bootstrap的原理以及作用是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

bootstrap的原理以及作用是什么

Bootstrap是一組用于網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序開發(fā)的開源前端（所謂“前端”，指的是展現(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)用的開發(fā)更加容易。

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

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

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

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

網(wǎng)格系統(tǒng)和響應(yīng)式設(shè)計(jì)以1170像素寬為基準(zhǔn)。此外開發(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的類實(shí)現(xiàn)。在頁(yè)面中需要將其對(duì)應(yīng)到特定的HTML元素上面。

JavaScript組件

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

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

“bootstrap的原理以及作用是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！