引導傳送帶寬度比圖像更大

我用轉盤在自舉來實現滑動的畫面效果，但然而，當窗口的寬度變大，滑件的盒成爲而圖象區域停留的寬度大原版的。

如何修改代碼，以便當圖片的寬度過大時，將框的左後邊距置於圖片的左邊距？

編輯：演示地址：http://zgzhen.freeshell.ustc.edu.cn/posters/nctu2013

我想要的效果：旋轉木馬盒的自動調整大小，使右側的控制面板也不會超出範圍。

<ol class="carousel-indicators"> 
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
<li data-target="#carousel-example-generic" data-slide-to="1"></li> 
<li data-target="#carousel-example-generic" data-slide-to="2"></li> 
<li data-target="#carousel-example-generic" data-slide-to="3"></li> 
</ol> 

<div class="carousel-inner"> 
<div class="item active"> 
    <img src="../images/upload/nctu/1.png" alt="..."> 
</div> 
<!-- other pictures--> 
</div> 
<!-- Controls --> 
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"></a> 
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"></a> 
</div></div>

來源

2014-05-02 Zhen Zhang

你是說你想要*在圖像中心*圖像？ – David

沒有。由於「點擊」區域的右邊距不在圖片中，因此我希望它回到圖片。 –

對不起。我不明白你的意思。 – David

你的問題還不夠清楚，你想要中心的圖像或想要填寫圖像。請試試這個，讓我知道更多的幫助。將以下代碼粘貼到您的CSS樣式表中。

.carousel-inner .item img{ 
    width: 100%; 
}

來源

2014-05-02 03:20:32

。圖片已經調整爲採用屏幕。 –

只需要添加一下，注意在你的「twitter-boostrap.css」的第5151行，你有一個類似的規則：'max-width：100％'。這沒有任何** *，因爲*圖像本身小於容器的寬度。添加'width：100％'*強制*填充容器。好的回答+1。 – David

很高興我能幫忙，請回答這個問題。 –

引導傳送帶寬度比圖像更大

回答

相關問題