【发布时间】:2012-05-05 07:10:13
【问题描述】:
我在 Bootstrap 中使用 jQuery Carousel 函数。我正在使用流畅的布局,我想知道是否可以使这些图像和内容也随着页面拉伸?
【问题讨论】:
标签: javascript jquery html css twitter-bootstrap
我在 Bootstrap 中使用 jQuery Carousel 函数。我正在使用流畅的布局,我想知道是否可以使这些图像和内容也随着页面拉伸?
【问题讨论】:
标签: javascript jquery html css twitter-bootstrap
我不知道 jquery Carousel 是什么,但如果您希望图像像页面一样拉伸,您只需将图像宽度定义为百分比(即 100% 或 50%)。它会像页面一样调整大小。你是这个意思吗?
【讨论】:
Bootstrap 的 sample carousel 已经是流动的(他们将轮播 div 放在“容器”div 之外)。但是,即使您将class="img-responsive" 应用于图像,轮播中的图像仍然不流畅。要使轮播图像也流畅,请将其添加到您的自定义 CSS 文件中:
.carousel .img-responsive {
width:100%;
}
【讨论】:
它应该通过将你的轮播放在一个流畅的行中来工作..
<div class="row-fluid">
<div id="myCarousel" class="carousel slide">
*etc*
</div>
</div>
【讨论】: