bootstrap是一款什么樣的框架

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

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

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

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

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

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

2>.為什么要用Bootstrap

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

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

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

　　頁(yè)面：錯(cuò)亂、不規(guī)范、不和諧

在使用Bootstrap之后： 各種命名都統(tǒng)一并且規(guī)范化。 頁(yè)面風(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，所以請(qǐng)確保下載對(duì)應(yīng)版本的jQuery文件，來(lái)保證Bootstrap相關(guān)組件運(yùn)行正常。

二.Bootstrap快速入門使用

1>.查看首頁(yè)的文檔

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