twitter-bootstrap - 在移动设备上堆叠 Bootstrap 轮播项目？

Question

我正在使用 Bootstrap 轮播来循环浏览页面的子部分。虽然这在大屏幕上非常适合我，但在移动设备上，我更喜欢让子部分一个接一个地显示。这可能吗？

因此，例如（澄清）

在关于“关于”部分下的桌面上，有一个轮播，可通过“任务”、“联系人”和“客户列表”循环，并带有下一个/上一个按钮。

在移动设备上，我希望这三个部分一个在另一个之上，您只需正常滚动浏览它们；没有下一个/上一个按钮。

谢谢。

Answer 1

最后，我通过使用媒体查询覆盖轮播项目的引导程序默认样式，确实很容易做到这一点：

@media (max-width: 767px) {
    #myCarousel {
        .item { 
            display:block;
            padding-bottom:10px;
        }
    }
}

这需要 carousel .items，通常设置为display:noneunless.active并一个接一个地显示它们，并带有一点填充。这不会禁用或暂停引导程序的轮播行为，但如果您还隐藏轮播指示器和任何轮播导航，则无法访问该行为。

也许不是最优雅的解决方案，但它确实有效。