Responsive design Bootstrap电子商务网站的3个响应专栏

Responsive design Bootstrap电子商务网站的3个响应专栏,responsive-design,twitter-bootstrap-3,Responsive Design,Twitter Bootstrap 3,我正在使用Bootstrap3设计一个电子商务网站。对于产品,我把产品排成一行,设计得像盒子一样。我正在使用Bootstrap的新网格系统,试图使它在变小时看起来不那么拥挤。在大屏幕上,使用.col-lg-4在每行设置3列。然后我添加.col-md-6以切换到中型设备上的两个项目 但是,由于原始行以3列开始,因此当它到达中间类时,我是其中之一。图片应该显示我想说的: 我从以下几点开始: 然后,当它切换到“中等”时,得到以下信息: 有没有可能在Bootstrap3中解决这个问题,或者我必须用P

我正在使用Bootstrap3设计一个电子商务网站。对于产品,我把产品排成一行,设计得像盒子一样。我正在使用Bootstrap的新网格系统,试图使它在变小时看起来不那么拥挤。在大屏幕上,使用.col-lg-4在每行设置3列。然后我添加.col-md-6以切换到中型设备上的两个项目

但是,由于原始行以3列开始,因此当它到达中间类时,我是其中之一。图片应该显示我想说的:

我从以下几点开始:

然后,当它切换到“中等”时,得到以下信息:

有没有可能在Bootstrap3中解决这个问题,或者我必须用PHP做些什么(网站将使用PHP动态显示产品)。我的意思是用.col-md-6填充这个奇怪的空格


谢谢

把所有的东西放在一行。一旦行满了,它就会自动转到下一行。@user2930100我已经试过了。列不能以这种方式正常工作。请看引导示例(查看底部6个框的源代码):太棒了!这是一个clearfix问题,但如果没有这个例子,我就无法解决它。谢谢