电子商务网站的Bootstrap 3响应列

Question

我正在使用Bootstrap 3设计电子商务网站。对于产品，我将产品放在行中，设计为盒子。我正在使用Bootstrap的新网格系统试图让它看起来越小越好。在大屏幕上，使用.col-lg-4在每行上设置3列。然后我添加.col-md-6来切换到中型设备上的两个项目。

但是，由于原始行以3列开头，因此当它到达中级时，我只有一个。图像应显示我想说的内容：

我从这开始：

http://siteburbia.com/images/bootstrap-col-4.png

然后在切换到中等时获取此信息：

http://siteburbia.com/images/bootstrap-col-6.png

是否可以在Bootstrap 3中修复此问题，或者我是否必须使用PHP（该网站将构建用于动态显示产品）。通过修复，我的意思是用.col-md-6填充那个奇怪的空间。

谢谢！