Bootstrap 介紹

2018-02-21 17:21 更新

Bootstrap是一個前端框架,可幫助開發(fā)人員啟動Web開發(fā)程序。

開發(fā)人員可以專注于編寫正確的HTML,將棘手的CSS和JavaScript留給Bootstrap。

所有的CSS類和JavaScript代碼都包含在Bootstrap包中。

例如,btn類和鏈接(<a class='btn'></a>)元素一起使用將使它們看起來像一個按鈕。

此外,使用帶有鏈接的btn-primary類將使它成為一個深藍色的按鈕。

<a href="http://www.o2fo.com" class="btn btn-primary">Visit US</a>

響應(yīng)式

Bootstrap網(wǎng)格系統(tǒng)可以創(chuàng)建一個移動友好和響應(yīng)式的網(wǎng)站。

Bootstrap封裝了許多有用的組件,可以很容易地在網(wǎng)站項目中使用。

使用Bootstrap,我們可以實現(xiàn)以下:

  • 更快的開發(fā)
  • 有組織和可維護的代碼
  • 花時間創(chuàng)新,而不是重復(fù)造輪子

Bootstrap的起源

Bootstrap是在2011年開發(fā)的。
Bootstrap 1.0.0在2011年推出,只有CSS和HTML組件。直到Bootstrap 1.3.0才包含JavaScript插件。

Bootstrap 2.0.0是在2012年發(fā)布的。它是Bootstrap庫的一個完全重寫,也成為一個響應(yīng)框架。它的組件兼容各種設(shè)備:手機,平板電腦和臺式機。它有許多新的CSS、JavaScript插件包含在包中。

經(jīng)過15個主要更新,2013年的Bootstrap 3是另一個重要的發(fā)布,成為一個“移動優(yōu)先,總是響應(yīng)”的框架。

在框架的早期版本中,響應(yīng)式網(wǎng)站是可選的。在2013版本中,類的名稱以及項目的文件夾結(jié)構(gòu)都發(fā)生了更改。

Bootstrap 3不向后兼容。我們無法通過替換核心的CSS和JavaScript文件直接遷移到此版本。

Bootstrap有一個龐大的全球開發(fā)者社區(qū),他們定期在GitHub為其代碼基礎(chǔ)做貢獻。

響應(yīng)式網(wǎng)頁設(shè)計

響應(yīng)式網(wǎng)頁設(shè)計允許開發(fā)人員創(chuàng)建一個網(wǎng)站,可以在不同的設(shè)備上更改其布局。

開發(fā)人員可以創(chuàng)建在任何類型的設(shè)備上工作的單一設(shè)計:手機,平板電腦,智能電視和PC。

響應(yīng)式設(shè)計的站點通常是流體設(shè)計。

使用響應(yīng)式網(wǎng)頁設(shè)計,開發(fā)人員可以創(chuàng)建強大的網(wǎng)絡(luò)應(yīng)用程序,替換iOS和Android平臺上的本機應(yīng)用程序。

Bootstrap的競爭

還有許多其他流行的框架在前端框架領(lǐng)域與Bootstrap競爭。
其中一些是:
http://foundation.zurb.com/
http://semantic-ui.com/
http://gumbyframework.com/
http://purecss.io/

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號