layui柵格布局問題

在使用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種屬性，在實際使用中需要自行調整使用。