Bootstrap是最流行和最強(qiáng)大的前端（HTML，CSS和JavaScript）框架，可以更快，更輕松地做響應(yīng)式（自適應(yīng)）Web開發(fā)。

Bootstrap簡介

Bootstrap最初是由Twitter的設(shè)計(jì)師和開發(fā)人員在2010年中期創(chuàng)建的。在成為開源框架之前，Bootstrap被稱為Twitter藍(lán)圖。

Bootstrap是一個(gè)功能強(qiáng)大的前端框架，可以更快，更輕松地進(jìn)行Web開發(fā)。它包括基于HTML和CSS的設(shè)計(jì)模板，用于創(chuàng)建常見的用戶界面組件，如表單，按鈕，導(dǎo)航，下拉菜單，警報(bào)，模態(tài)，選項(xiàng)卡，手風(fēng)琴，輪播，工具提示等。

使用Bootstrap可以節(jié)省大量的時(shí)間和精力。

注意：默認(rèn)情況下，Bootstrap?4具有響應(yīng)性，采用移動(dòng)優(yōu)先方法。Bootstrap?4.3是Bootstrap最新，最穩(wěn)定的版本。所有主要的現(xiàn)代瀏覽器都支持Bootstrap?4，例如Google?Chrome，F(xiàn)irefox，Safari，Internet?Explorer?10及更高版本等。

你可以用Bootstrap做什么

• 你可以用Bootstrap做更多的事情。

• 您可以輕松創(chuàng)建響應(yīng)式網(wǎng)站。

• 您可以使用預(yù)定義的類快速創(chuàng)建多列布局。

• 您可以快速創(chuàng)建不同類型的表單布局。

• 您可以快速創(chuàng)建不同的導(dǎo)航欄變體。

• 您可以輕松創(chuàng)建手風(fēng)琴，模態(tài)等組件，而無需編寫任何JS代碼。

• 您可以輕松創(chuàng)建動(dòng)態(tài)選項(xiàng)卡來管理大量內(nèi)容。

• 您可以輕松創(chuàng)建工具提示和彈出窗口以顯示提示文本。

• 您可以輕松創(chuàng)建輪播或圖像滑塊來展示您的內(nèi)容。

• 您可以快速創(chuàng)建不同類型的警報(bào)框。

其實(shí)遠(yuǎn)遠(yuǎn)不止這些，你可以用Bootstrap做很多其他有趣的事情。您將在后續(xù)章節(jié)中詳細(xì)了解所有這些內(nèi)容。

使用Bootstrap的優(yōu)點(diǎn)

如果您對(duì)任何前端框架有過一些經(jīng)驗(yàn)，那么您可能想知道是什么讓Bootstrap如此特別。以下是為什么應(yīng)該選擇Bootstrap框架的一些優(yōu)點(diǎn)：

• 節(jié)省大量時(shí)間 - 使用Bootstrap預(yù)定義設(shè)計(jì)模板和類可以節(jié)省大量時(shí)間和精力，并專注于其他開發(fā)工作。

• 響應(yīng)功能 - 使用Bootstrap，您可以輕松創(chuàng)建在不同設(shè)備和屏幕分辨率上更合適的響應(yīng)式網(wǎng)站，而無需更改標(biāo)記。

• 一致的設(shè)計(jì) - 所有Bootstrap組件通過中央庫共享相同的設(shè)計(jì)模板和樣式，因此網(wǎng)頁的設(shè)計(jì)和布局將保持一致。

• 易于使用 - Bootstrap非常易于使用。任何具有HTML，CSS和JavaScript基本工作知識(shí)的人都可以使用Bootstrap開始開發(fā)。

• 兼容瀏覽器 - Bootstrap是在考慮現(xiàn)代Web瀏覽器的情況下創(chuàng)建的，它與所有現(xiàn)代瀏覽器兼容，如Chrome，F(xiàn)irefox，Safari，Internet Explorer等。

• 開源 - 最好的部分是，它可以完全免費(fèi)下載和使用。

本教程涵蓋的內(nèi)容

這個(gè)Bootstrap教程系列涵蓋了Bootstrap框架的所有功能，從基礎(chǔ)知識(shí)開始，例如網(wǎng)格系統(tǒng)，排版樣式機(jī)制，表單樣式方法，以及樣式化常用用戶界面元素（如表，列表，圖像等）的技術(shù)。

此外，您將學(xué)習(xí)如何利用隨時(shí)可用的Bootstrap組件，如輸入組，按鈕組，媒體對(duì)象，導(dǎo)航欄，面板，分頁，標(biāo)簽和徽章，進(jìn)度條等，以及如何自定義它們以創(chuàng)建不同的變化。

最后，您將探索Bootstrap的一些高級(jí)功能，如創(chuàng)建模態(tài)窗口，動(dòng)態(tài)選項(xiàng)卡，工具提示，警報(bào)，手風(fēng)琴菜單，輪播，滾動(dòng)等，以及如何使用可用選項(xiàng)和方法自定義它們或擴(kuò)展其現(xiàn)有功能。

在您學(xué)習(xí)本課程之前，請(qǐng)先學(xué)習(xí)

• HTML教程

• CSS教程

• JAVASCRIPT教程