【问题标题】:How to use the bootstrap corousel slide image in desktop view at the same time how to stop it in mobile view?如何在桌面视图中同时使用引导轮播幻灯片图像如何在移动视图中停止它?
【发布时间】:2019-06-10 23:50:48
【问题描述】:

在我的轮播幻灯片中有 4 张图片幻灯片。但我不想要移动视图中的轮播,我只想要移动视图中的单个图像。

css变化

.carousel-inner .item.active {visibility:hidden;}

【问题讨论】:

  • 使用媒体查询

标签: bootstrap-4


【解决方案1】:

你可以使用OwlCarousel2的responsive option

例如:

$('.owl-carousel').owlCarousel({
    loop: true,
    responsive:{
        0:{
            touchDrag: false, // turn off for mobile
            nav: false
        },
        // breakpoint from 480 up
        480:{
            touchDrag: true, // turn on for 480 up devices
            nav: true
        }
    }
})

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-27
    • 1970-01-01
    • 2021-07-17
    • 1970-01-01
    • 1970-01-01
    • 2018-09-16
    相关资源
    最近更新 更多