Question

我想使用Bootstrap 3.0 Carousel在我的网页上显示图像滑块。该页面位于：http://wasup.si/test-bid1

我遇到的问题是我的图像宽度不同，但高度相同。我想要的是图像粘在一起。基本上，item类的宽度应该与图像的宽度相同。谁知道我怎么能这样做？

完整的轮播宽度仍然应该是页面的100％，只显示多于一个的项目。

Answer 1

使用它的最佳方式是其他一些旋转木马

http://owlgraphic.com/owlcarousel/demos/images.html

<div id="owl-demo">

  <div class="item"><img src="assets/owl1.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl2.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl3.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl4.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl5.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl6.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl7.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl8.jpg" alt="Owl Image"></div>

</div>

Bootstrap 3.0 Carousel - 不同宽度的图像

1 个答案: