小編給大家分享一下AmazeUI實(shí)現(xiàn)網(wǎng)格的案例,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
在華容等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專(zhuān)注、極致的服務(wù)理念,為客戶(hù)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),全網(wǎng)整合營(yíng)銷(xiāo)推廣,成都外貿(mào)網(wǎng)站建設(shè),華容網(wǎng)站建設(shè)費(fèi)用合理。AmazeUI 網(wǎng)格的實(shí)現(xiàn)示例,具體如下:
網(wǎng)格 示例 1:一個(gè)基本的網(wǎng)格
48示例 2:不同區(qū)間不同的劃分比例
sm-6 md-4 lg-3sm-6 md-8 lg-9示例 3:限制寬度的網(wǎng)格
48示例 4:容器
.am-u-sm-6.am-u-sm-6示例 5:不足 12 份的網(wǎng)格
333333示例 6:響應(yīng)式輔助類(lèi)控制元素顯隱
sm-2 lg-4sm4 lg4sm-6 lg-4sm-full lg-3sm-full lg-6sm-full lg-36 26 8full 239full 4full 86 56 7full 6full 6示例 7:列邊距啪啪啪
111110, offset 119, offset 218, offset 317, offset 4示例 8:居中, To be or not to be
3 centered6 centered9 md-down-centered11 centered示例 9:結(jié)構(gòu)與表現(xiàn)表里不一
8 main4 sidebar示例 10: 沒(méi)有內(nèi)邊距的列
.am-u-sm-6.am-u-sm-6
效果圖:
以上是“AmazeUI實(shí)現(xiàn)網(wǎng)格的案例”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!