這篇文章主要介紹bootstrap框架有什么作用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)高安,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
bootstrap是一個(gè)用于快速開發(fā)Web應(yīng)用程序和網(wǎng)站的前端框架,該框架是基于HTML、CSS和JAVASCRIPT的;bootstrap可以快速搭建一個(gè)漂亮、功能完備的網(wǎng)站。
本文操作環(huán)境:Windows7系統(tǒng)、bootsrap3.3.7版、Dell G3電腦。
Bootstrap是美國Twitter公司的設(shè)計(jì)師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開發(fā)的簡潔、直觀、強(qiáng)悍的前端開發(fā)框架,使得 Web 開發(fā)更加快捷。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎,一直是GitHub上的熱門開源項(xiàng)目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項(xiàng)目。國內(nèi)一些移動(dòng)開發(fā)者較為熟悉的框架,如WeX5前端開源框架等,也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。
Bootstrap 是一個(gè)用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
Bootstrap 是 2011 年八月在 GitHub 上發(fā)布的開源產(chǎn)品。
Bootstrap 的包含內(nèi)容
基本結(jié)構(gòu):Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在Bootstrap 基本結(jié)構(gòu)部分詳細(xì)講解。
CSS:Bootstrap 自帶以下特性:全局的 CSS設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class,以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。這將在Bootstrap CSS部分詳細(xì)講解。
組件:Bootstrap 包含了十幾個(gè)可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在布局組件部分詳細(xì)講解。
JavaScript 插件:Bootstrap包含了十幾個(gè)自定義的jQuery 插件。您可以直接包含所有的插件,也可以逐個(gè)包含這些插件。這將在Bootstrap插件部分詳細(xì)講解。
定制:您可以定制Bootstrap的組件、LESS 變量和jQuery 插件來得到您自己的版本。
為什么使用 Bootstrap?
移動(dòng)設(shè)備優(yōu)先:自 Bootstrap 3 起,框架包含了貫穿于整個(gè)庫的移動(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ī)。更多有關(guān)響應(yīng)式設(shè)計(jì)的內(nèi)容詳見 Bootstrap 響應(yīng)式設(shè)計(jì)。
它為開發(fā)人員創(chuàng)建接口提供了一個(gè)簡潔統(tǒng)一的解決方案。
它包含了功能強(qiáng)大的內(nèi)置組件,易于定制。
它還提供了基于 Web 的定制。
它是開源的。
支持組件
Bootstrap中包含了豐富的Web組件,根據(jù)這些組件,可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站,其中包括以下組件:
下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對(duì)話框、進(jìn)度條、媒體對(duì)象等
支持插件
Bootstrap自帶了13個(gè)jQuery插件,這些插件為Bootstrap中的組件賦予了“生命”。其中包括:
模式對(duì)話框、標(biāo)簽頁、滾動(dòng)條、彈出框等。
以上是“bootstrap框架有什么作用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!