動畫中藍色排列的區塊叫【列】。【列】由上而下排列。
在我們使用的響應式框架中，【列】的高度為依據裡面所包覆的資料而有不同。
具有權限的管理員可以建立最多99列。
動畫中綠色排列的區塊叫【欄】。【欄】被包在【列】中，由左至右排列。
在我們使用的響應式框架中，採用12等份的方式配置【欄】的寬度。
動畫中第一列裡面一共有4欄，在我們的後台介面中每一欄的設定參數為【3/12】，【4*(3/12)=1】所以4欄就可以佔滿一列的寬度。
動畫中第二列裡面一共有3欄，在我們的後台介面中每一欄的設定參數為【4/12】，【3*(4/12)=1】所以3欄就可以佔滿一列的寬度。
動畫中第三列裡面一共有2欄，在我們的後台介面中每一欄的設定參數為【6/12】，【2*(6/12)=1】所以2欄就可以佔滿一列的寬度。
動畫中第四列裡面只有1欄，在我們的後台介面中該欄的設定參數為【12/12】，【1*(12/12)=1】所以1欄就可以佔滿一列的寬度。
我們也可以利用12分法，設定不同寬度比例的【欄】，下面示範不同比例的兩欄計算方式，左邊第一欄寬度為【4/12】，第二欄寬度為【8/12】：
寬度為4/12
寬度為8/12
我們使用的響應式框架可以針對螢幕寬度不同，分別設定欄寬。
動畫中橘色排列的內容叫【段落內容】。【段落內容】的排列方式千變萬化，由【段落內容】所位於的【欄】控制要呈現的方式。
