最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

布局組件—網(wǎng)格

了解網(wǎng)格組件的使用。

網(wǎng)格類似于分欄,但在使用過程中卻更簡(jiǎn)單。

與分欄的區(qū)別:

網(wǎng)格只需要調(diào)整第一個(gè)單元格。分欄每一個(gè)單元格都可以調(diào)整。

網(wǎng)格的每一個(gè)單元格大小相等,分欄每個(gè)單元格可以不相等。

網(wǎng)格和欄都可以相互轉(zhuǎn)化,并且都可以轉(zhuǎn)化為動(dòng)態(tài)列表/網(wǎng)格。

1.網(wǎng)格設(shè)定

可以給網(wǎng)格設(shè)定排布單元格數(shù)量和顯示分頁(yè)符。

2.列設(shè)定

對(duì)pc、iPad、手機(jī)端進(jìn)行響應(yīng)式適配。

3.轉(zhuǎn)化為動(dòng)態(tài)列表/網(wǎng)格

可以轉(zhuǎn)化成欄,之后的操作方法和欄的相同。

轉(zhuǎn)化為動(dòng)態(tài)列表/網(wǎng)格后可綁定CMS(內(nèi)容管理系統(tǒng))文章。

轉(zhuǎn)化后和CMS2.0的網(wǎng)格組件操作方法一致。

4.網(wǎng)格作用

可以快速的調(diào)整相同網(wǎng)狀的頁(yè)面布局,更方便組織和替換內(nèi)容。

下面這種布局方式用網(wǎng)格很快就能實(shí)現(xiàn),并且在iPad、手機(jī)端更容易調(diào)整適配。

 

10

相關(guān)文章: