當頁面沒有多欄位需求，您可以使用 Vital UI Kit 提供的 class: sg-container 排版元件，搭配 sg-row、sg-col 輕鬆做好基本的排版，讓您專注在樣式的客制化。

您可使用 sg-ap-header、sg-ap-main 來完成基本雙列框架，首列可放置 menu，次列放置網頁主要內容。內容可搭配 sg-cell-group、sg-cell-row 方便您使用 table layout 來排版。

Vital UI Kit 提供 sg-ap-nav 與 sg-ap-main 來完成雙欄位的排版，方便您可以把導覽列放置於頁面左方。當畫面縮小，左方導覽列的寬度會縮小，手機版則導覽列將換到頁面下方，節省畫面閱覽的空間。

組合了黃金排版三元件：sg-ap-header、 sg-ap-nav、sg-ap-main，您可更自由的安排網頁個區塊要呈現的資訊。header 此時可放置頁面常用的功能與產品 Logo，讓您的網頁更具有識別力！

三欄式框架具備內嵌性，若您希望在框架中遞迴置入框架，沒問題！Vital UI Kit 提供您最方便、最彈性的選擇，讓您愛不釋手。