這篇文章將為大家詳細(xì)講解有關(guān)bootstrap是一款什么樣的框架，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名申請、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、防城網(wǎng)站維護(hù)、網(wǎng)站推廣。

bootstrap是一個(gè)開源的基于HTML、CSS、JavaScript的簡潔、直觀、強(qiáng)悍的前端開發(fā)框架，它是為實(shí)現(xiàn)快速開發(fā)Web應(yīng)用程序而設(shè)計(jì)的一套前端工具包；它支持響應(yīng)式布局，并且在V3版本之后堅(jiān)持移動設(shè)備優(yōu)先。

本教程操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦

一.Bootstarp環(huán)境部署

1>.什么是Bootstartp框架

Bootstrap是Twitter開源的基于HTML、CSS、JavaScript的前端框架。它是為實(shí)現(xiàn)快速開發(fā)Web應(yīng)用程序而設(shè)計(jì)的一套前端工具包。它支持響應(yīng)式布局，并且在V3版本之后堅(jiān)持移動設(shè)備優(yōu)先。

Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項(xiàng)目。 國內(nèi)一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。

如下圖所示，官網(wǎng)介紹如下：

官方地址：https://getbootstrap.com

中文地址：http://www.bootcss.com/

2>.為什么要用Bootstrap

在Bootstrap出現(xiàn)之前：

　　命名：重復(fù)、復(fù)雜、無意義（想個(gè)名字費(fèi)勁）

　　樣式：重復(fù)、冗余、不規(guī)范、不和諧

　　頁面：錯亂、不規(guī)范、不和諧

在使用Bootstrap之后： 各種命名都統(tǒng)一并且規(guī)范化。 頁面風(fēng)格統(tǒng)一，畫面和諧。

3>.Bootstartp下載

點(diǎn)擊“下載Bootstartp”。

選擇用于生產(chǎn)環(huán)境的Bootstrap進(jìn)行下載。

3>.Bootstrap環(huán)境搭建

　　目錄結(jié)構(gòu)如下：

bootstrap-3.3.7-dist/├── css  // CSS文件│   ├── bootstrap-theme.css  // Bootstrap主題樣式文件│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css  // 主題相關(guān)樣式壓縮文件│   ├── bootstrap-theme.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css  // 核心CSS樣式壓縮文件│   └── bootstrap.min.css.map
├── fonts  // 字體文件│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   ├── glyphicons-halflings-regular.woff
│   └── glyphicons-halflings-regular.woff2
└── js  // JS文件    ├── bootstrap.js
    ├── bootstrap.min.js  // 核心JS壓縮文件
    └── npm.js

處理依賴：

由于Bootstrap的某些組件依賴于jQuery，所以請確保下載對應(yīng)版本的jQuery文件，來保證Bootstrap相關(guān)組件運(yùn)行正常。

二.Bootstrap快速入門使用

1>.查看首頁的文檔

關(guān)于“bootstrap是一款什么樣的框架”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。