學(xué)習(xí)完整課程請(qǐng)移步 互聯(lián)網(wǎng) Java 全棧工程師
本節(jié)視頻
概述
Bootstrap右莱,來(lái)自 Twitter,是目前很受歡迎的前端框架难审。Bootstrap 是基于 HTML、CSS亿絮、JavaScript 的告喊,它簡(jiǎn)潔靈活,使得 Web 開(kāi)發(fā)更加快捷派昧。它是一個(gè) CSS/HTML 框架黔姜。Bootstrap 提供了優(yōu)雅的 HTML 和 CSS 規(guī)范。Bootstrap 一經(jīng)推出后頗受歡迎蒂萎,一直是 GitHub 上的熱門(mén)開(kāi)源項(xiàng)目秆吵。
為什么使用 Bootstrap?
- 移動(dòng)設(shè)備優(yōu)先:自 Bootstrap 3 起五慈,框架包含了貫穿于整個(gè)庫(kù)的移動(dòng)設(shè)備優(yōu)先的樣式纳寂。
- 瀏覽器支持:所有的主流瀏覽器都支持 Bootstrap主穗。
- 容易上手:只要您具備 HTML 和 CSS 的基礎(chǔ)知識(shí),您就可以開(kāi)始學(xué)習(xí) Bootstrap毙芜。
- 響應(yīng)式設(shè)計(jì):Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)于臺(tái)式機(jī)忽媒、平板電腦和手機(jī)。
- 它為開(kāi)發(fā)人員創(chuàng)建接口提供了一個(gè)簡(jiǎn)潔統(tǒng)一的解決方案腋粥。
- 它包含了功能強(qiáng)大的內(nèi)置組件晦雨,易于定制。
- 它還提供了基于 Web 的定制隘冲。
- 它是開(kāi)源的闹瞧。
Bootstrap 包的內(nèi)容
- 基本結(jié)構(gòu):Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式对嚼、背景的基本結(jié)構(gòu)夹抗。
- CSS:Bootstrap 自帶以下特性,全局的 CSS 設(shè)置纵竖、定義基本的 HTML 元素樣式漠烧、可擴(kuò)展的 class,以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)靡砌。
- 組件:Bootstrap 包含了十幾個(gè)可重用的組件已脓,用于創(chuàng)建圖像、下拉菜單通殃、導(dǎo)航度液、警告框、彈出框等等画舌。
- JavaScript 插件:Bootstrap 包含了十幾個(gè)自定義的 jQuery 插件堕担。您可以直接包含所有的插件,也可以逐個(gè)包含這些插件曲聂。
- 定制:您可以定制 Bootstrap 的組件霹购、LESS 變量和 jQuery 插件來(lái)得到您自己的版本。