進階版面區塊：用 Row/Columns Advanced 與 Box Container 排版

想在頁面做出「3 欄方案介紹」、「左圖右字、手機改上下排」、「滿版灰底區段裡再放幾張白卡」的版面時，秒站編輯器裡有兩個區塊專門做這件事：Row/Columns Advanced 用來把內容排成多欄，Box Container 用來做容器或滿版背景。本篇講這兩個區塊在哪，怎麼用，什麼時候用哪一個。

怎麼叫出來#

在編輯器裡按左上角的「+」，或在空白段落輸入「/」叫出搜尋框。

插入時會問你「要幾欄」，先選一個接近的（1+1，1+1+1，1+2 等），之後想加減欄都能再改。每一欄裡可以放任何內容（文字、圖片，按鈕、其他區塊）。

Box Container 不切欄，而是「外框」。當你想要：「整段放在灰色底色上」、「Hero 主視覺要滿版圖」、「要把幾個區塊框成一張卡片」，就用這個。

典型組合是「Box Container 包 Row/Columns Advanced」，也就是先用 Box Container 弄一個滿版灰底大區段，裡面再用 Row/Columns Advanced 切 3 欄放卡片。例如：

就是常見的「灰底大區段 + 3 張白卡」設計，全部不用寫程式。

原生欄區塊欄數寫死在創建時，要改要 reset，也沒有手機/平板/電腦各自欄數的設定。Row/Columns Advanced 隨時可改欄數，每個裝置可以獨立設定欄數、間距、padding、顯示順序，做響應式版面方便很多。

原生群組是基本的內容外框，沒有什麼裝飾選項。Box Container 多了滿版背景、漸層遮罩、最低高度、邊框圓角、形狀分隔線等視覺控制，不用寫 CSS 就能做出 Hero 主視覺、滿版灰底區段、白底卡片等效果。

先檢查側邊欄上方有沒有切到「手機」裝置看設定。每個裝置的欄數、間距、padding 都是分開的，如果只在電腦版調設定，手機很可能會擠或破版。最常見的修法：手機改 1 欄、padding 降到 32-40px、字級設小一點。

確認 Box Container 的「寬度」設定為「滿版」（stretched）。如果還是沒滿，可能是父層容器有寬度限制，把這個 Box Container 拉到頁面最外層，或在頁面屬性把版面設為「全寬」。

在 Row/Columns Advanced 的「對齊」設定，把垂直對齊設為「撐到等高」（stretch），所有欄會自動拉到同樣高度。