使Bootstrap轉盤流體？

Question

我在Bootstrap中使用jQuery Carousel函數。我正在使用流體佈局，我想知道是否可以使這些圖像和東西與頁面拉伸？

Answer 1

應該把你的旋轉木馬在流體排工作..

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

Answer 2

我不知道的jQuery旋轉木馬是什麼，但如果你想圖像伸展的頁面呢，你只需要將圖像寬度定義爲百分比（即100％或50％）。它會像頁面一樣調整大小。這是你的意思嗎？

Answer 3

Bootstrap的sample carousel已經很流暢了（他們將轉盤div放在「container」div之外）。但是，即使您將class="img-responsive"應用於圖像，傳送帶內的圖像仍然不流暢。爲了使旋轉木馬圖像變得流暢，請將此添加到您的自定義CSS文件中：

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