如何限制不同屏幕尺寸的Bootsrap中的MySQL显示数据

时间:2016-04-01 10:33:34

标签: javascript css twitter-bootstrap twitter-bootstrap-3 responsive-design

我是Bootstrap的新手。目前我正在努力完成一个小项目。在我的项目中,我有一些产品要展示(连续3个产品)。

我的问题是当我将屏幕重新调整为(Mobile landscape 480x320)。我想在移动横向模式下显示两个产品记录,但到目前为止它只给我一个移动横向模式的产品展示。但是在桌面模式下,它向我展示了3种产品。

我使用MySQL查询将数据提取到具有类“col-sm-4”的div中。我甚至在视口中更改了产品图像宽度100%,但它没有成功。

我怎样才能做到这一点?我正在使用Bootstrap 3。

2 个答案:

答案 0 :(得分:0)

请试试这个: 将行类添加为

col-xs-6 col-sm-4

答案 1 :(得分:0)

**

  

试试这个:将行类添加为

**

col-xs-6 col-sm-4