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
=""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>

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

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

layui 柵格系統與後台布局

為了豐富網頁布局簡化html css 的耦合，並提公升多終端的適配能力，layui在2.0版本中引進了自己的一套具備響應式能力的柵格系統。我們將容器進行了12等分，預設了4 12種css排列類，它們在移動裝置 平板 電腦中 大尺寸四種不同的螢幕下發揮著各自的作用。一 柵格布局規則 採用 layui ...

layui柵格系統

首先，它是一種響應式的柵格系統，簡單說就是支援多種裝置，會自行改變行寬高。柵格的使用不需要js引入，單純的class樣式宣告。首先定義好頁面框架 class layui container div 其次layui定義的柵格為12等分，就是說一行被分成了12份，可以任意分割小於等於12列，但是必須滿足...

2 柵格布局

字進行頁面開發,最頭疼的問題在於 頁面寫完了,發現換個瀏覽器不支援了 顯示風格瞬間改變 如果要真想實現柵格,那麼就必須有乙個可以容納第乙個柵格的行,而多個柵格行最終就組成了乙個頁面.在整個bootstrap之中最多隻能夠存在有12個柵格 如果現在是乙個寬容器的視窗,那麼整個柵格都會按照寬螢幕的方式完...