Java單體應用 - 常用框架 - 01.Bootstrap

原文地址: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羣,及時關注我們的課程更新

公衆號
QQ交流羣

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章