原文地址:http://www.work100.net/training/monolithic-frameworks-bootstrap.html
更多教程:光束雲 - 免費課程
Bootstrap
序號 | 文內章節 | 視頻 |
---|---|---|
1 | 概述 | - |
2 | 閱讀對象 | - |
3 | 前置知識 | - |
4 | 爲什麼使用Bootstrap | - |
5 | Bootstrap包的內容 | - |
6 | 參考資源 | - |
請參照如上章節導航
進行閱讀
1.概述
Bootstrap 來自 Twitter,是目前很受歡迎的前端框架。
Bootstrap 是基於 HTML、CSS、JavaScript 的,它簡潔靈活,使得 Web 開發更加快捷。它是一個 CSS/HTML 框架。
Bootstrap 提供了優雅的 HTML 和 CSS 規範。
Bootstrap 一經推出後頗受歡迎,一直是 GitHub 上的熱門開源項目。
2.閱讀對象
只要您具備 HTML 和 CSS 的基礎知識,您就可以閱讀本教程,進而開發出自己的網站。在您學習完本教程後,您即可達到使用 Bootstrap 開發 Web 項目的中等水平。
3.前置知識
在您開始閱讀本教程之前,您必須具備 HTML 、 CSS 和 JavaScript 的基礎知識。
4.爲什麼使用
- 移動設備優先:自 Bootstrap 3 起,框架包含了貫穿於整個庫的移動設備優先的樣式。
- 瀏覽器支持:所有的主流瀏覽器都支持 Bootstrap。
- 容易上手:只要您具備 HTML 和 CSS 的基礎知識,您就可以開始學習 Bootstrap。
- 響應式設計:Bootstrap 的響應式 CSS 能夠自適應於臺式機、平板電腦和手機。
- 它爲開發人員創建接口提供了一個簡潔統一的解決方案。
- 它包含了功能強大的內置組件,易於定製。
- 它還提供了基於 Web 的定製。
- 它是開源的。
5.Bootstrap包的內容
- 基本結構:Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。
- CSS:Bootstrap 自帶以下特性,全局的 CSS 設置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網格系統。
- 組件:Bootstrap 包含了十幾個可重用的組件,用於創建圖像、下拉菜單、導航、警告框、彈出框等等。
- JavaScript 插件:Bootstrap 包含了十幾個自定義的 jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。
- 定製:您可以定製 Bootstrap 的組件、LESS 變量和 jQuery 插件來得到您自己的版本。
6.參考資源
更多關於 Bootstrap 的知識請參考如下地址:
下一篇:環境搭建
如果對課程內容感興趣,可以掃碼關注我們的
公衆號
或QQ羣
,及時關注我們的課程更新