使用Bootstrap / JQuery / Media Query滑动堆叠的网格项

时间:2013-07-26 19:27:26

标签: jquery twitter-bootstrap responsive-design

我无法绕过这个,但我知道可以做到。我有一个用Twitter的Bootstrap构建的网站,我正在遵循网格布局。问题是,我有几个不同大小的列。我希望它们在移动设备上查看时可以滑动而不是堆叠。

现在:

A   B
A B C
A

在手机上:

A
B
A
B
C
A

理想情况下,首先会有旋转木马效果或包含A和B的JQuery滑块,并带有很好的捕捉动画。我可以添加一个轮播然后添加到JS“if(widowWidth< 768)”以仅在移动设备上加载所有这些滑块。然后,我可以编写媒体查询,使它们不是堆栈,但我有点迷失在如何实际动态地将它们放在一起。我知道如何用一个内容的两个副本做一个单行做我想要的,隐藏一个,并将另一个显示为滑块,但这似乎也不正确。

0 个答案:

没有答案