Bootstrap4 教程

Bootstrap 是全球最受歡迎的前端組件庫，用于開發(fā)響應式布局、移動設備優(yōu)先的 WEB 項目。

Bootstrap4 是一套用于 HTML、CSS 和 JS 開發(fā)的開源工具集。利用我們提供的 Sass 變量和大量 mixin、響應式柵格系統(tǒng)、可擴展的預制組件、基于 jQuery 的強大的插件系統(tǒng)，能夠快速為你的想法開發(fā)出原型或者構(gòu)建整個 app 。

誰適合閱讀本教程？

只要您具備 HTML 和 CSS 的基礎(chǔ)知識，您就可以閱讀本教程，進而開發(fā)出自己的網(wǎng)站。在您學習完本教程后，您即可達到使用 Bootstrap 開發(fā) Web 項目的中等水平。

閱讀本教程前，您需要了解的知識：

在您開始閱讀本教程之前，您必須具備 HTML 、 CSS 和 JavaScript 的基礎(chǔ)知識。如果您還不了解這些概念，那么建議您先閱讀我們的這些教程:

• 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
>
學的不僅是技術(shù)，更是夢想！??！
p
>

div
>

<
div

class
=
"
col-sm-4
"
>

<
h3
>
第二列
h3
>

<
p
>
菜鳥教程..
p
>

<
p
>
學的不僅是技術(shù)，更是夢想?。?！
p
>

div
>

<
div

class
=
"
col-sm-4
"
>

<
h3
>
第三列
h3
>

<
p
>
菜鳥教程..
p
>

<
p
>
學的不僅是技術(shù)，更是夢想?。?！
p
>

div
>

div
>

div
>

嘗試一下 ?

Bootstrap4 與 Bootstrap3

Bootstrap4 是 Bootstrap 的最新版本，與 Bootstrap3 相比擁有了更多的具體的類以及把一些有關(guān)的部分變成了相關(guān)的組件。同時 Bootstrap.min.css 的體積減少了40%以上。

Bootstrap4 放棄了對 IE8 以及 iOS 6 的支持，現(xiàn)在僅僅支持 IE9 以上 以及 iOS 7 以上版本的瀏覽器。如果對于其中需要用到以前的瀏覽器，那么請使用 Bootstrap3。

網(wǎng)頁名稱：創(chuàng)新互聯(lián)Bootstrap4教程：Bootstrap4教程
文章源于：http://m.5511xx.com/article/cospoch.html