首页 文章

Boostrap 3.0 Carousel - 不同宽度的图像

提问于
浏览 次
1

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

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

完整的轮播宽度应该仍然是页面的100％，只显示更多的项目而不仅仅是一个 .

jquery twitter-bootstrap dynamic carousel

1 回答

  • 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>
    回复于

相关问题