twitter-bootstrap - Bootstrap 轮播可以像这个网站那样发挥作用吗？

Question

我在冲浪时发现了这个网站http://www.rollstudio.co.uk/about/ 。请查看他们的“我们拥有技能”部分(并查看源代码)。我喜欢他们能够显示列表项，因为它用于桌面查看，并自动更改为在较小设备上查看的轮播。

之前我所做的是有两组类似的内容，一组是列表样式，一组是轮播样式，并使用了显示和隐藏功能，但他们所做的看起来是更好的解决方案。

有人知道他们是如何做到的吗？或者您可以分享/Bootstrap 我到提供该功能的网站吗？

Answer 1

我是 Roll 工作室的前端开发人员之一。 我们构建了一个自定义插件来实现此效果，因为我们找不到现有的插件/库来执行此操作。

即使代码不是那么干净和可维护(不应该是公开的!)，该插件也是公共(public)的( https://github.com/rollstudio/RollCarousel )。

使用 RollCarousel，您可以根据用户的宽度(列和行)定义自定义“网格”，例如:

sizes: {
    '500': {
        grid: [2, 1]
    },
    '700': {
        grid: [2, 2]
    }
}

我们非常感谢您对我们网站的兴趣，我们非常高兴能够以某种方式帮助您。

此外，如果您对我们如何制作 SVG 动画感兴趣，请查看这支笔 ( http://codepen.io/luruke/pen/mbnkA )