首先，它是一種響應式的柵格系統，簡單說就是支援多種裝置，會自行改變行寬高。
柵格的使用不需要js引入，單純的class樣式宣告。
首先定義好頁面框架：
class=」layui-container」>
div>其次layui定義的柵格為12等分，就是說一行被分成了12份，可以任意分割小於等於12列，但是必須滿足一行有12份
定義一行：
class=」layui-row」>
class=」layui-col-md5」>
div>
class=」layui-col-md5」>
div>
class=」layui-col-md1」>
div>
class=」layui-col-md1」>
div>
div>效果圖：
再來說說列間距：
平均列間距是在行裡定義的，即在layui-row後面加乙個layui-col-space10，單位為px：
class=」layui-row
layui-col-space10」>
div>？？？
出現了bug，列間距出不來不知道為什麼！
layui 柵格系統與後台布局
為了豐富網頁布局簡化html css 的耦合，並提公升多終端的適配能力，layui在2.0版本中引進了自己的一套具備響應式能力的柵格系統。我們將容器進行了12等分，預設了4 12種css排列類，它們在移動裝置 平板 電腦中 大尺寸四種不同的螢幕下發揮著各自的作用。一 柵格布局規則 採用 layui ...
layui柵格布局問題
在使用layer.open彈出到視窗中，使用布局一直不起作用。開始到寫法如下,目的是一行分成左右兩塊，比例為8 4等分。div class layui fluid div class layui row layui col space10 div class layui col md8 div cl...
Bootstrap 柵格系統
目錄 1 簡介 2 柵格選項 3 列偏移 4 巢狀列 5 列排序 1 簡介 bootstrap內建了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕裝置或視口 viewport 尺寸的增加，系統會自動分為最多12列。它包含了易於使用的預定義classe，還有強大的mixin用於生成更具語義的布局。2...