制作Bootstrap Carousel Fluid？

Question

我正在使用Bootstrap中的jQuery Carousel函数。我正在使用流畅的布局，我想知道是否有可能制作这些图像和东西拉伸页面也？

Answer 1

我不知道jquery Carousel是什么，但如果你想要像页面一样拉伸图像，你只需要将图像宽度定义为百分比（即100％或50％）。它会像页面一样调整大小。那是你的意思吗？

Answer 2

Bootstrap的sample carousel已经流畅（它们将轮播div放在“容器”div之外）。但是，即使您将class="img-responsive"应用于图像，旋转木马内的图像仍然不流畅。要使轮播图像也流畅，请将其添加到自定义CSS文件中：

.carousel .img-responsive {
  width:100%;
}

Answer 3

它可以通过将您的旋转木马放在一个流畅的行中来起作用..

<div class="row-fluid">
    <div id="myCarousel" class="carousel slide">
        *etc*
    </div>
</div>