如何把位于两行的组件调整为一行两列的排版？

如何把位于两行的组件调整为一行两列的排版？举例：产品列表页面，上面是产品分类组件，下面是产品列表组件，现在我需要把产品分类组件放到产品列表组件的左右，我怎么调整呢？

操作方法如下：

1、把鼠标放到产品分类组件上，左上角出现这个组件的名称“产品分”，把鼠标放到组件名称上，按住鼠标左键，拖动到产品列表组件的左侧，直到列表组件左侧出现一条黑色的竖线时松手
 

2、位置放好以后，把鼠标放到这两个组件的中间区域会出现一条黑色的竖线，可以根据需要按住鼠标左键，往左拖动或往右拖动来调整左右两个组件所占的宽度。

调整好以后，单击右上角的保存、发布按钮，即可发布到网站前台。