站長(zhǎng)資訊網(wǎng)
bootstrap是框架。Bootstrap是一個(gè)用于快速開發(fā)Web應(yīng)用程序和網(wǎng)站的前端框架，是基于html、JavaScript和css三者開發(fā)的框架，主要用于響應(yīng)式網(wǎng)站上的結(jié)構(gòu)和布局。
本教程操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦
Bootstrap是一個(gè)用于快速開發(fā)Web應(yīng)用程序和網(wǎng)站的前端框架，是基于html和JavaScript、css三者開發(fā)的框架，主要用于響應(yīng)式網(wǎng)站上的結(jié)構(gòu)和布局。
Bootstrap的出現(xiàn)主要是簡(jiǎn)化Web工作者的工作，其中還包括對(duì)JavaScript中的動(dòng)態(tài)調(diào)整。
Bootstrap的優(yōu)勢(shì)
-
移動(dòng)設(shè)備優(yōu)先：自 Bootstrap 3 起，框架包含了貫穿于整個(gè)庫(kù)的移動(dòng)設(shè)備優(yōu)先的樣式。
-
瀏覽器支持：所有的主流瀏覽器都支持 Bootstrap。
-
容易上手：只要您具備 HTML 和 CSS 的基礎(chǔ)知識(shí)，您就可以開始學(xué)習(xí) Bootstrap。
-
響應(yīng)式設(shè)計(jì)：Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)于臺(tái)式機(jī)、平板電腦和手機(jī)。
-
它為開發(fā)人員創(chuàng)建接口提供了一個(gè)簡(jiǎn)潔統(tǒng)一的解決方案。
-
它包含了功能強(qiáng)大的內(nèi)置組件，易于定制。
-
它還提供了基于 Web 的定制。
-
它是開源的。
如果你需要做一個(gè)網(wǎng)站的文本顯示對(duì)吧，你自己寫的話你需要寫很多代碼，但是如果你使用bootstrap框架來寫的話，只需要寫好HTML標(biāo)簽然后調(diào)用類名就可以了！代碼展示如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 實(shí)例 - 強(qiáng)調(diào)</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <small>本行內(nèi)容是在標(biāo)簽內(nèi)</small><br> <strong>本行內(nèi)容是在標(biāo)簽內(nèi)</strong><br> <em>本行內(nèi)容是在標(biāo)簽內(nèi)，并呈現(xiàn)為斜體</em><br> <p class="text-left">向左對(duì)齊文本</p> <p class="text-center">居中對(duì)齊文本</p> <p class="text-right">向右對(duì)齊文本</p> <p class="text-muted">本行內(nèi)容是減弱的</p> <p class="text-primary">本行內(nèi)容帶有一個(gè) primary class</p> <p class="text-success">本行內(nèi)容帶有一個(gè) success class</p> <p class="text-info">本行內(nèi)容帶有一個(gè) info class</p> <p class="text-warning">本行內(nèi)容帶有一個(gè) warning class</p> <p class="text-danger">本行內(nèi)容帶有一個(gè) danger class</p> </body> </html>
效果如下：
可以看出：
-
用它提供的樣式和組件快速寫網(wǎng)站
-
你只需要引用一些定義好的類，也就是class名字，就可以創(chuàng)建出已經(jīng)有非常漂亮的樣式的網(wǎng)頁(yè)，而且支持自適應(yīng)，是一個(gè)很不錯(cuò)的框架。
簡(jiǎn)而言之：你只需要了解相關(guān)的class、標(biāo)簽名稱等所代表的意思，然后在構(gòu)建頁(yè)面的時(shí)候，導(dǎo)入bootstrap的JS、css等，它就會(huì)去表現(xiàn)相應(yīng)的效果出來。
推薦學(xué)習(xí)：《bootstrap使用教程》
