什么是Bootstrap網(wǎng)格系統(tǒng)
2 回答
幕布斯7119047
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
正如您可能知道的，在圖形設(shè)計(jì)中，網(wǎng)格系統(tǒng)是一個(gè)二維結(jié)構(gòu)，由水平軸和垂直軸相交的區(qū)域組成，用于構(gòu)建內(nèi)容。它被廣泛應(yīng)用于平面設(shè)計(jì)的設(shè)計(jì)布局和內(nèi)容結(jié)構(gòu)。在網(wǎng)頁(yè)設(shè)計(jì)中，它是一種通過(guò)使用 HTML 和 CSS 來(lái)快速有效地創(chuàng)建一致的布局的非常有效的方法。因此，網(wǎng)格系統(tǒng)已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)的框架或工作流程的一個(gè)重要的組件/模塊。 簡(jiǎn)單的說(shuō)，在網(wǎng)頁(yè)設(shè)計(jì)中，我們使用 HTML 和 CSS 創(chuàng)建行和列來(lái)實(shí)現(xiàn)一個(gè)網(wǎng)格。且列中包含了實(shí)際內(nèi)容。 自版本 2.3.2 起，Bootstrap 提供了兩種類型的網(wǎng)格。默認(rèn)的網(wǎng)格系統(tǒng)是 940px 寬和 12 列。您可以添加響應(yīng)式的樣式表讓它隨著呈現(xiàn)的視口調(diào)整寬度為 724px 和 1170px。 這里還設(shè)有一個(gè)流動(dòng)網(wǎng)格系統(tǒng)，它是基于百分比的，而不是基于像素的。且可被擴(kuò)展為像默認(rèn)固定網(wǎng)格一樣具有響應(yīng)性。在本教程中我們將通過(guò)一些實(shí)例來(lái)討論默認(rèn)網(wǎng)格，流動(dòng)網(wǎng)格系統(tǒng)將在另一個(gè)單獨(dú)的教程進(jìn)行講解。 從默認(rèn)網(wǎng)格入門 讓我們先從一個(gè)基本的 HTML 開(kāi)始，看看如何在上面應(yīng)用默認(rèn)網(wǎng)格。 <!DOCTYPE html> <html> <head> <title>Fixed layout example with Bootstrap</title> <meta name="viewport" content="width=...
素胚勾勒不出你
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超9個(gè)贊
正如您可能知道的，在圖形設(shè)計(jì)中，網(wǎng)格系統(tǒng)是一個(gè)二維結(jié)構(gòu)，由水平軸和垂直軸相交的區(qū)域組成，用于構(gòu)建內(nèi)容。它被廣泛應(yīng)用于平面設(shè)計(jì)的設(shè)計(jì)布局和內(nèi)容結(jié)構(gòu)。在網(wǎng)頁(yè)設(shè)計(jì)中，它是一種通過(guò)使用 HTML 和 CSS 來(lái)快速有效地創(chuàng)建一致的布局的非常有效的方法。因此，網(wǎng)格系統(tǒng)已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)的框架或工作流程的一個(gè)重要的組件/模塊。 簡(jiǎn)單的說(shuō)，在網(wǎng)頁(yè)設(shè)計(jì)中，我們使用 HTML 和 CSS 創(chuàng)建行和列來(lái)實(shí)現(xiàn)一個(gè)網(wǎng)格。且列中包含了實(shí)際內(nèi)容。 自版本 2.3.2 起，Bootstrap 提供了兩種類型的網(wǎng)格。默認(rèn)的網(wǎng)格系統(tǒng)是 940px 寬和 12 列。您可以添加響應(yīng)式的樣式表讓它隨著呈現(xiàn)的視口調(diào)整寬度為 724px 和 1170px。 這里還設(shè)有一個(gè)流動(dòng)網(wǎng)格系統(tǒng)，它是基于百分比的，而不是基于像素的。且可被擴(kuò)展為像默認(rèn)固定網(wǎng)格一樣具有響應(yīng)性。在本教程中我們將通過(guò)一些實(shí)例來(lái)討論默認(rèn)網(wǎng)格，流動(dòng)網(wǎng)格系統(tǒng)將在另一個(gè)單獨(dú)的教程進(jìn)行講解。 從默認(rèn)網(wǎng)格入門 讓我們先從一個(gè)基本的 HTML 開(kāi)始，看看如何在上面應(yīng)用默認(rèn)網(wǎng)格。 <!DOCTYPE html> <html> <head> <title>Fixed layout example with Bootstrap</title> <meta name="viewport" content="width=...
- 2 回答
- 0 關(guān)注
- 963 瀏覽
添加回答
舉報(bào)
0/150
提交
取消