在使用layer.open彈出到窗口中，使用布局一直不起作用。

開始到寫法如下, 目的是一行分成左右兩塊，比例為8:4等分。

<div class="layui-fluid"><div class="layui-row layui-col-space10"><div class="layui-col-md8"><div class="layui-card"><div class="layui-card-header">最近更新<a lay-href="http://www.layui.com/doc/base/changelog.html" class="layui-a-tips">全部更新</a></div><div class="layui-card-body">body</div></div></div><div class="layui-col-md4"><div class="layui-card"><div class="layui-card-header">便捷導(dǎo)航</div><div class="layui-card-body">body</div></div></div></div></div>

但是顯示出的頁面如下，變成2行，顯然不是我想要的：

最后調(diào)整了layui-col屬性，將layui-col-md8，layui-col-md4修改為 layui-col-sm8, layui-col-sm4 , 顯示如下，得到了我想要的結(jié)果：

官方文檔中?layui-col-xxx數(shù)字 后的xxx有?xs（超小屏幕，如手機(jī)）、sm（小屏幕，如平板）、md（桌面中等屏幕）、lg（桌面大型屏幕），4種屬性，在實(shí)際使用中需要自行調(diào)整使用。

?

轉(zhuǎn)載于:https://www.cnblogs.com/30go/p/9746472.html

總結(jié)

以上是生活随笔為你收集整理的layui栅格布局问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。