Bootstrap 中文手冊

收藏(11)分享
閱讀(24870)更新時間(2016-10-17)

Bootstrap是最流行和最強大的前端(HTML,CSS和JavaScript)框架,可以更快,更輕松地做響應式(自適應)Web開發。


Bootstrap簡介

Bootstrap最初是由Twitter的設計師和開發人員在2010年中期創建的。在成為開源框架之前,Bootstrap被稱為Twitter藍圖。

Bootstrap是一個功能強大的前端框架,可以更快,更輕松地進行Web開發。它包括基于HTML和CSS的設計模板,用于創建常見的用戶界面組件,如表單,按鈕,導航,下拉菜單,警報,模態,選項卡,手風琴,輪播,工具提示等。

使用Bootstrap可以節省大量的時間和精力。

注意:默認情況下,Bootstrap 4具有響應性,采用移動優先方法。Bootstrap 4.3是Bootstrap最新,最穩定的版本。所有主要的現代瀏覽器都支持Bootstrap 4,例如Google Chrome,Firefox,Safari,Internet Explorer 10及更高版本等。

你可以用Bootstrap做什么

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

  • 您可以輕松創建響應式網站。

  • 您可以使用預定義的類快速創建多列布局。

  • 您可以快速創建不同類型的表單布局。

  • 您可以快速創建不同的導航欄變體。

  • 您可以輕松創建手風琴,模態等組件,而無需編寫任何JS代碼。

  • 您可以輕松創建動態選項卡來管理大量內容。

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

  • 您可以輕松創建輪播或圖像滑塊來展示您的內容。

  • 您可以快速創建不同類型的警報框。

其實遠遠不止這些,你可以用Bootstrap做很多其他有趣的事情。您將在后續章節中詳細了解所有這些內容。

使用Bootstrap的優點

如果您對任何前端框架有過一些經驗,那么您可能想知道是什么讓Bootstrap如此特別。以下是為什么應該選擇Bootstrap框架的一些優點:

  • 節省大量時間 - 使用Bootstrap預定義設計模板和類可以節省大量時間和精力,并專注于其他開發工作。

  • 響應功能 - 使用Bootstrap,您可以輕松創建在不同設備和屏幕分辨率上更合適的響應式網站,而無需更改標記。

  • 一致的設計 - 所有Bootstrap組件通過中央庫共享相同的設計模板和樣式,因此網頁的設計和布局將保持一致。

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

  • 兼容瀏覽器 - Bootstrap是在考慮現代Web瀏覽器的情況下創建的,它與所有現代瀏覽器兼容,如Chrome,Firefox,Safari,Internet Explorer等。

  • 開源 - 最好的部分是,它可以完全免費下載和使用。

本教程涵蓋的內容

這個Bootstrap教程系列涵蓋了Bootstrap框架的所有功能,從基礎知識開始,例如網格系統,排版樣式機制,表單樣式方法,以及樣式化常用用戶界面元素(如表,列表,圖像等)的技術。

此外,您將學習如何利用隨時可用的Bootstrap組件,如輸入組,按鈕組,媒體對象,導航欄,面板,分頁,標簽和徽章,進度條等,以及如何自定義它們以創建不同的變化。

最后,您將探索Bootstrap的一些高級功能,如創建模態窗口,動態選項卡,工具提示,警報,手風琴菜單,輪播,滾動等,以及如何使用可用選項和方法自定義它們或擴展其現有功能。

在您學習本課程之前,請先學習

118期四肖中特唯一