- Bootstrap4 教程
- Bootstrap4 安裝使用
- Bootstrap4 網格系統
- Bootstrap4 文字排版
- Bootstrap4 顏色
- Bootstrap4 表格
- Bootstrap4 圖像形狀
- Bootstrap4 Jumbotron
- Bootstrap4 信息提示框
- Bootstrap4 按鈕
- Bootstrap4 按鈕組
- Bootstrap4 徽章(Badges)
- Bootstrap4 進度條
- Bootstrap4 分頁
- Bootstrap4 列表組
- Bootstrap4 卡片
- Bootstrap4 下拉菜單
- Bootstrap4 折疊
- Bootstrap4 導航
- Bootstrap4 導航欄
- Bootstrap4 表單
- Bootstrap4 表單控件
- Bootstrap4 輪播
- Bootstrap4 模態框
- Bootstrap4 提示框
- Bootstrap4 彈出框
- Bootstrap 滾動監聽(Scrollspy)
- Bootstrap4 小工具
BootStrap4教程

誰適合閱讀本教程?
只要您具備 HTML 和 CSS 的基礎知識,您就可以閱讀本教程,進而開發出自己的網站。在您學習完本教程后,您即可達到使用 Bootstrap 開發 Web 項目的中等水平。
閱讀本教程前,您需要了解的知識:
在您開始閱讀本教程之前,您必須具備 HTML 、 CSS 和 JavaScript 的基礎知識。如果您還不了解這些概念,那么建議您先閱讀我們的這些教程:
Bootstrap4 實例
Bootstrap4 實例
<div class="jumbotron text-center"> <h1>我的第一個 Bootstrap 頁面</h1> <p>重置瀏覽器大小查看效果!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>第一列</h3> <p>菜鳥教程</p> <p>學的不僅是技術,更是夢想?。?!</p> </div> <div class="col-sm-4"> <h3>第二列</h3> <p>菜鳥教程..</p> <p>學的不僅是技術,更是夢想?。?!</p> </div> <div class="col-sm-4"> <h3>第三列</h3> <p>菜鳥教程..</p> <p>學的不僅是技術,更是夢想?。?!</p> </div> </div> </div>
Bootstrap4 與 Bootstrap3
Bootstrap4 是 Bootstrap 的最新版本,與 Bootstrap3 相比擁有了更多的具體的類以及把一些有關的部分變成了相關的組件。同時 Bootstrap.min.css 的體積減少了40%以上。
Bootstrap4 放棄了對 IE8 以及 iOS 6 的支持,現在僅僅支持 IE9 以上 以及 iOS 7 以上版本的瀏覽器。如果對于其中需要用到以前的瀏覽器,那么請使用 Bootstrap3。

關注微信小程序

掃描二維碼
程序員編程王