我已经使用 Bootstrap3 as shown in this demo 实现了多项目轮播 。它一次显示 4 个项目。
我怎样才能改变它？我想一次显示 5 或 6 个项目。
最佳答案
需要进行多项更改:
在 JS 中更改 i<2至i<3 (将显示 5)或 i<4 (将显示 6)
在 HTML 中更改您的 <div class="col-md-6 col-md-offset-3">可以容纳更多单元格的东西，例如 <div class="col-md-10 col-md-offset-1"> 。 (这是可选的，但在我看来，col-md-6 中的 6 个交叉看起来非常紧)
更改col-md-3至col-md-2 。请注意，这只会更改中分辨率和大分辨率屏幕上的轮播。调整 sm 上的宽度和xs您需要调整 col col-sm 的尺寸和col-xs
然后在 CSS 中将 25% ( 100%/4 ) 更改为 16.7% ( 100%/6 )，以适应动画中的 6 跨度。如果您想要 5 个跨度，则可以将其更改为 20%。
@media (min-width: 992px ) {
.carousel-inner .active.left { left: -16.7%; }
.carousel-inner .next { left: 16.7%; }
.carousel-inner .prev { left: -16.7%; }
}
Updated Bootply with 6 across
关于html - Bootstrap 3 具有多个项目的轮播，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25340705/