?
This document uses PHP Chinese website manual Release
Bootstrap,來自 Twitter,是目前很受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡(jiǎn)潔靈活,使得 Web 開發(fā)更加快捷。它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā),是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是由動(dòng)態(tài)CSS語言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)化而來。
特點(diǎn)
Bootstrap是基于HTML5和CSS3開發(fā)的,它在jQuery的基礎(chǔ)上進(jìn)行了更為個(gè)性化和人性化的完善,形成一套自己獨(dú)有的網(wǎng)站風(fēng)格,并兼容大部分jQuery插件。
版本
目前使用較廣的是版本2和3,其中2的最新版本的是2.3.2,3的最新版本是3.3.7。
在2015年8月下旬,Bootstrap四周歲之際,Bootstrap團(tuán)隊(duì)發(fā)布了Bootstrap 4 alpha版,4的最主要變化包括以下方面:
從 Less 遷移到 Sass
改進(jìn)網(wǎng)格系統(tǒng)
缺省彈性框支持
Dropped wells, thumbnails, and panels for cards
合并所有 HTML resets 到一個(gè)新的模塊中:Reboot
全新自定義選項(xiàng)
不再支持 IE8
重寫所有的 JavaScript 插件
改進(jìn)工具提示和 popovers 的自動(dòng)定位
改進(jìn)文檔
其他大量改進(jìn)
組件
Bootstrap中包含了豐富的Web組件,根據(jù)這些組件,可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。其中包括以下組件:
下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對(duì)話框、進(jìn)度條、媒體對(duì)象等
Javascript插件
Bootstrap自帶了13個(gè)jQuery插件,這些插件為Bootstrap中的組件賦予了“生命”。其中包括:
模式對(duì)話框、標(biāo)簽頁、滾動(dòng)條、彈出框等。
框架代碼
可以對(duì)Bootstrap中所有的CSS變量進(jìn)行修改,依據(jù)自己的需求裁剪代碼。
定制Bootstrap
Less 是一個(gè) CSS 預(yù)處理器,讓 CSS 具有動(dòng)態(tài)性。另一方面,Bootstrap 是一個(gè)快速開發(fā) Web App 和站點(diǎn)的工具包。這樣,您可以在 CSS 中使用 Bootstrap 的 Less 變量、mixins(混合)和 nesting(嵌套)。