Carousel缩略图响应移动显示 - bootstrap

时间:2013-06-13 19:20:25

标签: mobile twitter-bootstrap responsive-design thumbnails carousel

是否可以选择将缩略图数量从4(桌面)减少到1(移动)显示。

轮播缩略图示例:http://bootsnipp.com/snipps/thumbnail-carousel

我不希望它们折叠成一个垂直行。

2 个答案:

答案 0 :(得分:1)

snipp由William Woodgate创建,于2013-06-09 14:17:36

到达那里:bootsnipp.com/index.php/snipps/thumbnail-carousel,在页面的底部,有一个'Disqus评论表'。

填写请求。你很可能会收到一个“不,不是在javascript参数中。”

我还看到了有关同一插件的此网页:http://bootply.com/63984

针对您的特定情况,只需在要隐藏在平板电脑或手机上的特定元素上添加隐藏式手机“隐藏平板电脑”类。

<ul>
    <li>asdf 1</li>
    <li>asdf 2</li>
    <li class="hidden-tablet">asdf 3</li>
    <li class="hidden-phone hidden-tablet">asdf 4</li>
</ul>

所以你将缩略图的数量从4减少到你想要的移动设备。

答案 1 :(得分:0)

这可能会帮助你

Twitter Bootstrap Vertical Thumbnail Carousel

MAY THE SOURCE BE WITH YOU