在使用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">便捷導航</div><div class="layui-card-body">body</div></div></div></div></div>

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

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

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

?

轉載于:https://www.cnblogs.com/30go/p/9746472.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。