日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

bootstrap到底是用来做什么的(概念)

發(fā)布時(shí)間:2023/12/2 编程问答 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 bootstrap到底是用来做什么的(概念) 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

Bootstrap官網(wǎng):http://v3.bootcss.com/

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)題,提供了很多樣式供你選擇!
比如你需要做一個(gè)網(wǎng)站的導(dǎo)航對(duì)吧,你自己寫(xiě)的話你需要寫(xiě)很多代碼,但是如果你使用bootstrap框架來(lái)寫(xiě)的話,只需要寫(xiě)好HTML標(biāo)簽然后調(diào)用類(lèi)名就可以了!


作用:
用它提供的樣式和組件快速寫(xiě)網(wǎng)站

你只需要引用一些定義好的類(lèi),也就是class名字,就可以創(chuàng)建出已經(jīng)有非常漂亮的樣式的網(wǎng)頁(yè),而且支持自適應(yīng),是一個(gè)很不錯(cuò)的框架。

=============================================================================
簡(jiǎn)單點(diǎn)說(shuō):是一個(gè)快速搭建網(wǎng)站前臺(tái)頁(yè)面的開(kāi)源項(xiàng)目(基于Jquery)。你只需要了解相關(guān)的class、標(biāo)簽名稱(chēng)等所代表的意思,然后在構(gòu)建頁(yè)面的時(shí)候,導(dǎo)入bootstrap的JS、css等,它就會(huì)去表現(xiàn)相應(yīng)的效果出來(lái):
比如HTML說(shuō)明:縮略語(yǔ);當(dāng)鼠標(biāo)懸停在縮寫(xiě)和縮寫(xiě)詞上時(shí)就會(huì)顯示完整內(nèi)容,Bootstrap實(shí)現(xiàn)了對(duì)HTML 元素的增強(qiáng)樣式。 縮略語(yǔ)元素帶有title屬性,外觀表現(xiàn)為帶有較淺的虛線框,鼠標(biāo)移至上面時(shí)會(huì)變成帶有“問(wèn)號(hào)”的指針。當(dāng)你需要段落文字某個(gè)單詞或者詞語(yǔ)需要有上面的那種效果,你就那樣按照那種格式寫(xiě)就好了,附加的class=“initialism”是讓字號(hào)更小一點(diǎn),也可以不要。反過(guò)來(lái)說(shuō):如果你不試用bootstrap的東西或者其他類(lèi)似的框架,那你就得自己寫(xiě)這樣的效果,開(kāi)發(fā)時(shí)間長(zhǎng)。再比如Jquery的easyui,也是差不多道理。

?

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

文件名稱(chēng):

bootstrap.css bootstrap.min.css bootstrap-responsive.css bootstrap-responsive.min.css bootstrap.js bootstrap.min.js

解釋:

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)于bootstrap2.0和3.0的區(qū)別:http://www.cnblogs.com/yanwei067/p/4971161.html

?

總結(jié)

以上是生活随笔為你收集整理的bootstrap到底是用来做什么的(概念)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。