本文爲 H5EDU 機構官方 HTML5培訓 教程,主要介紹:JavaScript強化教程 —— Bootstrap 包的內容
基本結構:Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。這將在 Bootstrap 基本結構 部分詳細講解。
CSS:Bootstrap 自帶以下特性:全局的 CSS 設置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網格系統。這將在 Bootstrap CSS 部分詳細講解。
組件:Bootstrap 包含了十幾個可重用的組件,用於創建圖像、下拉菜單、導航、警告框、彈出框等等。這將在 佈局組件 部分詳細講解。 JavaScript 插件:Bootstrap 包含了十幾個自定義的 jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在 Bootstrap 插件 部分詳細講解。
定製:您可以定製 Bootstrap 的組件、LESS 變量和 jQuery 插件來得到您自己的版本。
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>