bootstrap是一款什么樣的框架

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

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

bootstrap是一個(gè)開(kāi)源的基于HTML、CSS、JavaScript的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架，它是為實(shí)現(xiàn)快速開(kāi)發(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開(kāi)源的基于HTML、CSS、JavaScript的前端框架。它是為實(shí)現(xiàn)快速開(kāi)發(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寫(xiě)成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門(mén)開(kāi)源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的Breaking News都使用了該項(xiàng)目。 國(guó)內(nèi)一些移動(dòng)開(kāi)發(fā)者較為熟悉的框架，如WeX5前端開(kāi)源框架等，也是基于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)一，畫(huà)面和諧。

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快速入門(mén)使用

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

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

文章名稱：bootstrap是一款什么樣的框架
本文來(lái)源：http://bm7419.com/article10/geisdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、App開(kāi)發(fā)、App設(shè)計(jì)、網(wǎng)站策劃、外貿(mào)建站、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)