【问题标题】:Carousel thumbnail responsive mobile display - bootstrap轮播缩略图响应式移动显示 - 引导程序
【发布时间】:2013-06-10 07:47:54
【问题描述】:

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

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

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

【问题讨论】:

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


    【解决方案1】:

    该片段由 William Woodgate 于 2013-06-09 14:17:36 创建

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

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

    我也看到了这个关于同一个插件的网页:http://bootply.com/63984

    对于您的特定上下文,只需在您想在平板电脑或手机上隐藏的特定元素上添加类“hidden-phone”“hidden-tablet”。

    <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 个减少到 .. 在移动设备上所需的数量。

    【讨论】:

      【解决方案2】:

      这可能对你有帮助

      Twitter Bootstrap Vertical Thumbnail Carousel

      MAY THE SOURCE BE WITH YOU
      

      【讨论】:

        猜你喜欢
        • 2018-01-22
        • 1970-01-01
        • 1970-01-01
        • 2018-01-12
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-02-11
        相关资源
        最近更新 更多