Question

我正在冲浪并找到此网站http://www.rollstudio.co.uk/about/。请查看他们的WE GOT THE SKILLS部分（并查看源代码）。我喜欢他们如何能够显示列表项，因为它是用于桌面查看的，并且自动更改为轮播在较小的设备上查看。

以前我做的是有两组相似的内容，一个是列表样式，一个是轮播，并使用了show和hide功能，但他们所做的看起来是一个更好的解决方案。

任何人都知道他们是如何做到的？或者你可以分享/指导我到一个为其提供功能的网站。

Answer 1

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

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

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

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

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

另外，如果您对我们制作SVG动画的方式感兴趣，请查看此笔（http://codepen.io/luruke/pen/mbnkA）

Answer 2

*****找到解决方案*****

我已经开发了一个解决方案，仍然使用bootstrap默认轮播。这是我第一次在Bootply上创建一个示例。如果做得不好，请原谅。

希望这有帮助。干杯