JavaScript強化教程——Bootstrap

本文爲 H5EDU 機構官方 HTML5培訓 教程，主要介紹：JavaScript強化教程 —— Bootstrap

Bootstrap 簡介
什麼是 Bootstrap？
Bootstrap 是一個用於快速開發 Web 應用程序和網站的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。
歷史
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發的。Bootstrap 是 2011 年八月在 GitHub 上發佈的開源產品。
爲何使用 Bootstrap？
移動設備優先：自 Bootstrap 3 起，框架包含了貫穿於整個庫的移動設備優先的樣式。
瀏覽器支持：全部的主流瀏覽器都支持 Bootstrap。
Internet Explorer Firefox Opera Google Chrome Safari
容易上手：只要您具有 HTML 和 CSS 的基礎知識，您就能夠開始學習 Bootstrap。
響應式設計：Bootstrap 的響應式 CSS 可以自適應於臺式機、平板電腦和手機。更多有關響應式設計的內容詳見 Bootstrap 響應式設計。
響應式設計
它爲開發人員建立接口提供了一個簡潔統一的解決方案。
它包含了功能強大的內置組件，易於定製。
它還提供了基於 Web 的定製。
它是開源的。
Bootstrap 包的內容
基本結構：Bootstrap 提供了一個帶有網格系統、連接樣式、背景的基本結構。這將在 Bootstrap 基本結構 部分詳細講解。
CSS：Bootstrap 自帶如下特性：全局的 CSS 設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網格系統。這將在 Bootstrap CSS 部分詳細講解。
組件：Bootstrap 包含了十幾個可重用的組件，用於建立圖像、下拉菜單、導航、警告框、彈出框等等。這將在 佈局組件 部分詳細講解。
JavaScript 插件：Bootstrap 包含了十幾個自定義的 jQuery 插件。您能夠直接包含全部的插件，也能夠逐個包含這些插件。這將在 Bootstrap 插件 部分詳細講解。
定製：您能夠定製 Bootstrap 的組件、LESS 變量和 jQuery 插件來獲得您本身的版本。
在線實例
本站的 Bootstrap 教程包含了上百個實例。
你能夠使用咱們的在線編輯器在線編輯代碼，並點擊運行按鈕查看結果。
Bootstrap 實例
<div class="container">
  <div class="jumbotron">
    <h1>個人第一個 Bootstrap 頁面</h1>
    <p>重置窗口大小，查看響應式效果！</p> 
  </div>
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>學的不只是技術，更是夢想！</p>
      <p>再牛逼的夢想,也抵不住你×××似的堅持！</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>學的不只是技術，更是夢想！</p>
      <p>再牛逼的夢想,也抵不住你×××似的堅持！</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3> 
      <p>學的不只是技術，更是夢想！</p>
      <p>再牛逼的夢想,也抵不住你×××似的堅持！</p>
    </div>
  </div>
</div>