悄悄突破開發的限制
受限於現成的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 | 自動編譯器 (掃描 -> 生成 -> 匯出) |



