对很多新手来说，排版是很困难的，例如把文字排成左右2列，如图所示

有人马上想到，用表格啊，画2列，每列都写上内容就ok了

这个方式当然是可行的，但在手机上就不行了，因为手机上显示不开2列，我们需要做的是，手机显示2列，电脑显示一列，这样才完美

问题描述完了，怎么才能实现上面的效果呢。

首先我们打开 bootstrap的网站框架编辑页面 https://www.bootcss.com/p/layoutit/#  可以在布局设置中看到下面的内容，我箭头指的地方代表把页面分成几列

第一个按钮 写的是12 指的是分成一列，

第二个按钮 写的是66 指的是 把12分为了 6和6 两列。

第三个按钮 就是把12 分为 8和4 也是两列，只是第一列是第二列的2倍 第四个按钮 也是这样 就是把12分成几份而已，我们现在要做的就是分2分，那就选 66的那个拖动到右侧

下图已经是2列了，我们再插入详情内容，把详细描述拖到到其中一个表

效果如图

这样就已经实现了，我们把编辑好的内容复制到我们网站中就完成了

复制代码到网站上，其他也是类似操作，可以实现各种完美效果