bootstrap基本結(jié)構(gòu)是什么

這篇文章主要介紹了bootstrap基本結(jié)構(gòu)是什么，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

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)題，提供了很多樣式供你選擇！

包含內(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.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.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è)文件了~~

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享bootstrap基本結(jié)構(gòu)是什么內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!