Bootstrap5 教程

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

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、做網(wǎng)站、臨潁網(wǎng)絡(luò)推廣、微信小程序開發(fā)、臨潁網(wǎng)絡(luò)營銷、臨潁企業(yè)策劃、臨潁品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供臨潁建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

Bootstrap5 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 開發(fā)的開源工具集。它支持 Sass 變量和 mixins、響應(yīng)式網(wǎng)格系統(tǒng)、大量的預(yù)建組件和強(qiáng)大的 JavaScript 插件，助你快速設(shè)計和自定義響應(yīng)式、移動設(shè)備優(yōu)先的站點。

誰適合閱讀本教程？

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

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

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

• HTML 教程
• CSS 教程
• JavaScript 教程

為什么使用 Bootstrap

• 容易上手：只要對 HTML 和 CSS 有基本了解的人都可以很快速的使用 Bootstrap。

• 響應(yīng)式設(shè)計：Bootstrap 可以根據(jù)不同平臺（手機(jī)、平板電腦和臺式機(jī)）進(jìn)行調(diào)整。

• 移動優(yōu)先：在 Bootstrap 中，自適應(yīng)移動端是框架的核心部分。

• 瀏覽器兼容性：Bootstrap5 兼容所有主流瀏覽器（Chrome、Firefox、Edge、Safari 和 Opera）。 如果您需要支持 IE11 及以下版本，請使用 Bootstrap4 或 Bootstrap3。

Bootstrap5 實例

以下是一個簡單的 Bootstrap5 實例：

Bootstrap5 實例

<
div

class
=
"
container-fluid p-5 bg-primary text-white text-center
"
>

<
h1
>
我的第一個 Bootstrap 頁面
h1
>

<
p
>
這是一個響應(yīng)式頁面，重置瀏覽器大小查看效果!
p
>

div
>

<
div

class
=
"
container mt-5
"
>

<
div

class
=
"
row
"
>

<
div

class
=
"
col-sm-4
"
>

<
h3
>
第一列
h3
>

<
p
>
菜鳥教程
p
>

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

div
>

<
div

class
=
"
col-sm-4
"
>

<
h3
>
第二列
h3
>

<
p
>
菜鳥教程
p
>

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

div
>

<
div

class
=
"
col-sm-4
"
>

<
h3
>
第三列
h3
>

<
p
>
菜鳥教程
p
>

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

div
>

div
>

div
>

嘗試一下 ?

Bootstrap5 與 Bootstrap 3 & 4

Bootstrap5 是 Bootstrap 的最新版本，使用了新組件、更快的樣式表以及擁有更快的響應(yīng)能力。

Bootstrap5 支持所有主要的最新穩(wěn)定版本瀏覽器，但不支持 Internet Explorer 11 及以下版本。

Bootstrap5 和 Bootstrap 3 & 4 的主要區(qū)別在于 Bootstrap5 不再依賴 jQuery，使用了原生的 JavaScript，當(dāng)然我們?nèi)绻胗靡部梢砸?jQuery。

Bootstrap5 IE11 以下版本的瀏覽器，Bootstrap4 放棄了對 IE8 以及 iOS 6 的支持。如果需要對舊版本瀏覽器兼容，那么請使用 Bootstrap3。

注意：目前官方團(tuán)隊仍然在維護(hù) Bootstrap 3 和 Bootstrap 4 ，我們可以繼續(xù)使用它們， 但是，不會向 Bootstrap 3 & 4 添加新功能。

分享題目：創(chuàng)新互聯(lián)Bootstrap5教程：Bootstrap5 教程
鏈接地址：http://m.5511xx.com/article/djishhh.html