Bootstrap Carousel显示下一个和上一个图像

Bootstrap是可能的，但是需要一些自定义…

您必须使用CSS和jQuery自定义幻灯片的位置。

.carousel-inner .active.left { left: -33%; }.carousel-inner .next        { left:  33%; }.carousel-inner .prev        { left: -33%; }

另一个变化是仅显示下一张和上一张幻灯片的一部分。这可以通过在

carousel-inner

.carousel-inner:before {    position:absolute;    top:0;    bottom: 0;    right: 82%;    left: 0;    content:"";    display:block;    background-color: #fff;    z-index: 2;}.carousel-inner:after {    position:absolute;    top:0;    bottom:0;    right: 0;    left: 82%;    content:"";    display:block;    background-color:#fff;    z-index: 2;}