如何把位於兩行的組件調整為一行兩列的排版？

如何把位於兩行的組件調整為一行兩列的排版？舉例：產品列表頁面，上面是產品分類組件，下面是產品列表組件，現在我需要把產品分類組件放到產品列表組件的左右，我怎麼調整呢？

操作方法如下：

1、把鼠標放到產品分類組件上，左上角出現這個組件的名稱“產品分類”，把鼠標放到組件名稱上，按住鼠標左鍵，拖動到產品列表組件的左側，直到列表組件左側出現一條黑色的豎線時鬆手

2、位置放好以後，把鼠標放到這兩個組件的中間區域會出現一條黑色的豎線，可以根據需要按住鼠標左鍵，往左拖動或往右拖動來調整左右兩個組件所佔的寬度。

調整好以後，單擊右上角的保存、發布按鈕，即可發佈到網站前台。