溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

bootstrap里面有哪些東西

發(fā)布時(shí)間:2021-09-24 14:13:24 來(lái)源:億速云 閱讀:160 作者:小新 欄目:開(kāi)發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)bootstrap里面有哪些東西,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

Bootstrap是Twitter推出的一個(gè)用于前端開(kāi)發(fā)的開(kāi)源工具包。它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開(kāi)發(fā),是一個(gè)CSS/HTML框架。

是一個(gè)做網(wǎng)頁(yè)的框架(目前最流行的WEB前端框架),就是說(shuō)你只需要寫(xiě)HTML標(biāo)簽調(diào)用它的類(lèi)你就可以很快速的做一個(gè)高大上的網(wǎng)頁(yè),你不用擔(dān)心兼容問(wèn)題,提供了很多樣式供你選擇?。ㄍ扑]學(xué)習(xí):Bootstrap視頻教程)

包含內(nèi)容

基本結(jié)構(gòu):Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。

CSS:Bootstrap 自帶以下特性:全局的 CSS設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class,以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。

組件:Bootstrap 包含了十幾個(gè)可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。

JavaScript 插件:Bootstrap包含了十幾個(gè)自定義的jQuery 插件。您可以直接包含所有的插件,也可以逐個(gè)包含這些插件。

定制:您可以定制Bootstrap的組件、LESS 變量和jQuery 插件來(lái)得到您自己的版本。

關(guān)于bootstrap文件包簡(jiǎn)單介紹

文件名稱(chēng):

bootstrap.cssbootstrap.min.cssbootstrap-responsive.cssbootstrap-responsive.min.cssbootstrap.jsbootstrap.min.js

解釋?zhuān)?/p>

bootstrap.css 是完整的bootstrap樣式表,未經(jīng)壓縮過(guò)的,可供開(kāi)發(fā)的時(shí)候進(jìn)行調(diào)試用bootstrap.min.css 是經(jīng)過(guò)壓縮后的bootstrap樣式表,內(nèi)容和bootstrap.css完全一樣,但是把中間不必要的空格之類(lèi)的東西都刪掉了,所以文件大小會(huì)比bootstrap.css小,可以在部署網(wǎng)站的時(shí)候引用,如果引用了這個(gè)文件,就沒(méi)必要引用bootstrap.css了bootstrap-responsive.css 這個(gè)是在對(duì)bootstrap框架應(yīng)用了響應(yīng)式布局之后所需要的CSS樣式表,如果你的網(wǎng)站項(xiàng)目不準(zhǔn)備做響應(yīng)式設(shè)計(jì),就不需要引用這個(gè)CSS。bootstrap-responsive.min.css 和bootstrap.min.css的作用是一樣的,是bootstrap-responsive.css的壓縮版bootstrap.js 這個(gè)是bootstrap的靈魂所在,是bootstrap的所有js指令的集合,你看到bootstrap里面所有的js效果,都是由這個(gè)文件控制的,這個(gè)文件也是一個(gè)未經(jīng)壓縮的版本,供開(kāi)發(fā)的時(shí)候進(jìn)行調(diào)試用bootstrap.min.js 是bootstrap.js的壓縮版,內(nèi)容和bootstrap.js一樣的,但是文件大小會(huì)小很多,在部署網(wǎng)站的時(shí)候就可以不引用bootstrap.js,而換成引用這個(gè)文件了~~

關(guān)于“bootstrap里面有哪些東西”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI