Bootstrap4 教學

Bootstrap 是全球最受歡迎的前端組件庫,用於開發回應式佈局、移動設備優先的 WEB 專案。
Bootstrap4 目前是 Bootstrap 的最新版本,是一套用於 HTML、CSS 和 JS 開發的開源工具集。利用我們提供的 Sass 變數和大量 mixin、回應式柵格系統、可擴展的預製組件、基於 jQuery 的強大的插件系統,能夠快速為你的想法開發出原型或者構建整個 app 。
誰適合閱讀本教程?
只要您具備 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>IT研修</p>
<p>鍵盤之下,連接的是無限可能!!!</p>
</div>
<div class="col-sm-4">
<h3>第二列</h3>
<p>IT研修..</p>
<p>鍵盤之下,連接的是無限可能!!!</p>
</div>
<div class="col-sm-4">
<h3>第三列</h3>
<p>IT研修..</p>
<p>鍵盤之下,連接的是無限可能!!!</p>
</div>
</div>
</div>
Bootstrap4 與 Bootstrap3
Bootstrap4 是 Bootstrap 的最新版本,與 Bootstrap3 相比擁有了更多的具體的類以及把一些有關的部分變成了相關的組件。同時 Bootstrap.min.css 的體積減少了40%以上。
Bootstrap4 放棄了對 IE8 以及 iOS 6 的支持,現在僅僅支持 IE9 以上 以及 iOS 7 以上版本的流覽器。如果對於其中需要用到以前的流覽器,那麼請使用 Bootstrap3。