【问题标题】:Make Bootstrap Carousel Fluid?使 Bootstrap 旋转木马流体化?
【发布时间】:2012-05-05 07:10:13
【问题描述】:

我在 Bootstrap 中使用 jQuery Carousel 函数。我正在使用流畅的布局,我想知道是否可以使这些图像和内容也随着页面拉伸?

【问题讨论】:

    标签: javascript jquery html css twitter-bootstrap


    【解决方案1】:

    我不知道 jquery Carousel 是什么,但如果您希望图像像页面一样拉伸,您只需将图像宽度定义为百分比(即 100% 或 50%)。它会像页面一样调整大小。你是这个意思吗?

    【讨论】:

      【解决方案2】:

      Bootstrap 的 sample carousel 已经是流动的(他们将轮播 div 放在“容器”div 之外)。但是,即使您将class="img-responsive" 应用于图像,轮播中的图像仍然不流畅。要使轮播图像也流畅,请将其添加到您的自定义 CSS 文件中:

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

      【讨论】:

        【解决方案3】:

        它应该通过将你的轮播放在一个流畅的行中来工作..

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2018-05-31
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2016-01-02
          • 2014-02-01
          相关资源
          最近更新 更多