轮播缩略图响应式移动显示-引导程序 [英] Carousel thumbnail responsive mobile display - bootstrap

问题描述

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

Is there an option to reduce number of thumbnails from 4(desktop) to 1(mobile) display.

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

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

I don't want them to collapse into one vertical row.

推荐答案

摘要由William Woodgate创建于2013-06-09 14:17:36

The snipp was created by William Woodgate, on 2013-06-09 14:17:36

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

Get there : bootsnipp.com/index.php/snipps/thumbnail-carousel and, at the verry bottom of the page, there is a 'Disqus comment form'.

只需填写一个请求即可.您很可能会收到否，不是在javascript参数中."

Just fill a request. You'll most probably recieve a ''No, not in a javascript parameter.''

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

I also saw this webpage about same plugin : http://bootply.com/63984

对于您的特定上下文，只需在要隐藏在平板电脑或手机上的那些特定元素上添加隐藏电话"和隐藏平板电脑"类.

For your particular context, just add the classes 'hidden-phone' 'hidden-tablet' on those specific elements you want to hide on a tablet or a phone.

<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个减少到..您想要在移动设备上显示的数量.

So you reduce the number of thumbnails from 4 to .. what you want on mobile.

这篇关于轮播缩略图响应式移动显示-引导程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！