【網站骨架】RWD動態格線生成系統,不管5格、7格、9格、10格通通沒問題,JS動態載入,不管多少格線都能寫!一鍵再生成CSS編譯檔!簡單檔案小

悄悄突破開發的限制

受限於現成的12格線框架系統嗎?通常在開發時,必須即時,能直接用class快速設定最好不過,但如果遇到罕見的格線架構,就必須跳回自己寫,我們生成一套動態系統,不管多少格線都可以,甚至超過12格線、15格線、36格線、48格線也通通沒問題。

7格線的日曆也能輕鬆搞定,5格線的icon展示也很容易。

你不需要一個專屬的編譯器,使用JS動態即時無痛生成,如果完成專案後還能打包CSS,讓用戶透過連線CSS不用吃瀏覽器資源,開發用JS,完工用CSS。

我們更棒的式,針對間距也能設定、上下左右都可以輕鬆設定。這都是目前框架沒有做到的。

格線系統比較

特性傳統框架 (Bootstrap/W3.CSS)Raina Grid System
格線限制通常鎖定 12 格線 (grid-12)無限 (可自訂 row-5, row-7, row-100)
RWD 寫法分離式 (col-lg-4 col-md-6 col-12)整合式 (col-040612 一碼搞定)
間距控制預設級距 (g-1, g-2, g-3)像素級 (x17, y23 – 任意填寫)
檔案大小需載入完整 CSS 庫 (100KB+)按需生成 (僅生成有用到的 CSS,極小)
運作模式預先定義 Class自動編譯器 (掃描 -> 生成 -> 匯出)