Bootstrap 3.0 Carousel - 不同宽度的图像

时间:2014-03-24 13:00:57

标签: jquery twitter-bootstrap dynamic carousel

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

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

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

1 个答案:

答案 0 :(得分: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>