新聞中心
Bootstrap4 教程
Bootstrap 是全球最受歡迎的前端組件庫(kù),用于開(kāi)發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。

Bootstrap4 是一套用于 HTML、CSS 和 JS 開(kāi)發(fā)的開(kāi)源工具集。利用我們提供的 Sass 變量和大量 mixin、響應(yīng)式柵格系統(tǒng)、可擴(kuò)展的預(yù)制組件、基于 jQuery 的強(qiáng)大的插件系統(tǒng),能夠快速為你的想法開(kāi)發(fā)出原型或者構(gòu)建整個(gè) app 。
誰(shuí)適合閱讀本教程?
只要您具備 HTML 和 CSS 的基礎(chǔ)知識(shí),您就可以閱讀本教程,進(jìn)而開(kāi)發(fā)出自己的網(wǎng)站。在您學(xué)習(xí)完本教程后,您即可達(dá)到使用 Bootstrap 開(kāi)發(fā) Web 項(xiàng)目的中等水平。
閱讀本教程前,您需要了解的知識(shí):
在您開(kāi)始閱讀本教程之前,您必須具備 HTML 、 CSS 和 JavaScript 的基礎(chǔ)知識(shí)。如果您還不了解這些概念,那么建議您先閱讀我們的這些教程:
- HTML 教程
- CSS 教程
- JavaScript 教程
Bootstrap4 實(shí)例
Bootstrap4 實(shí)例
<
div
class
=
"
jumbotron text-center
"
>
<
h1
>
我的第一個(gè) Bootstrap 頁(yè)面
h1
>
<
p
>
重置瀏覽器大小查看效果!
p
>
div
>
<
div
class
=
"
container
"
>
<
div
class
=
"
row
"
>
<
div
class
=
"
col-sm-4
"
>
<
h3
>
第一列
h3
>
<
p
>
菜鳥(niǎo)教程
p
>
<
p
>
學(xué)的不僅是技術(shù),更是夢(mèng)想?。?!
p
>
div
>
<
div
class
=
"
col-sm-4
"
>
<
h3
>
第二列
h3
>
<
p
>
菜鳥(niǎo)教程..
p
>
<
p
>
學(xué)的不僅是技術(shù),更是夢(mèng)想?。。?br />
p
>
div
>
<
div
class
=
"
col-sm-4
"
>
<
h3
>
第三列
h3
>
<
p
>
菜鳥(niǎo)教程..
p
>
<
p
>
學(xué)的不僅是技術(shù),更是夢(mèng)想!??!
p
>
div
>
div
>
div
>
嘗試一下 ?
Bootstrap4 與 Bootstrap3
Bootstrap4 是 Bootstrap 的最新版本,與 Bootstrap3 相比擁有了更多的具體的類(lèi)以及把一些有關(guān)的部分變成了相關(guān)的組件。同時(shí) Bootstrap.min.css 的體積減少了40%以上。
Bootstrap4 放棄了對(duì) IE8 以及 iOS 6 的支持,現(xiàn)在僅僅支持 IE9 以上 以及 iOS 7 以上版本的瀏覽器。如果對(duì)于其中需要用到以前的瀏覽器,那么請(qǐng)使用 Bootstrap3。
網(wǎng)站標(biāo)題:創(chuàng)新互聯(lián)Bootstrap4教程:Bootstrap4教程
分享網(wǎng)址:http://www.dlmjj.cn/article/cospoch.html


咨詢(xún)
建站咨詢(xún)
