css - Bootstrap 轮播显示每张幻灯片截断 3 张图像

Question

我正在尝试设置 Bootstrap 3 轮播以在每张事件幻灯片中显示 3 张图像，我希望截断下一张和上一张图像，但中心图像全宽，类似于此示例:https://thescene.com/ .

我已经尝试了很长时间，但似乎无法获得截断效果？我最初的想法是让包含的 div 全宽显示所有 3 个图像，并使用 overflow:hidden 属性来获得效果，但旋转木马本身需要 1280 像素宽。 Codeply 在这里:http://www.codeply.com/go/6eBfBskTsV

Answer 1

为什么不在线获取一个？这个组件好像有局部的近景效果……

http://www.jssor.com/index.html

bootstrap carousel 只是一个简单的实现，而不是一个通用的解决方案，这意味着调整以实现一些复杂的呈现可能很麻烦。我想除非你只是练习你的技能，否则你不会喜欢自己做一个。