0
我有一個twitter Bootstrap旋轉木馬,我試圖在wordpress中使用,它將所有的圖片堆疊在一起,不旋轉。Twitter Bootstrap旋轉木馬粘性不旋轉
你可以查看它,看看我的意思是here。
我的代碼如下所示:
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<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>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://i0.wp.com/www.cattywampur.com/wp-content/uploads/2016/03/8566819595_0f567e8594_k.jpg" >
<div class="carousel-caption">
<h3>Traversing the Grand Canyon</h3>
</div>
</div>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://i2.wp.com/www.cattywampur.com/wp-content/uploads/2016/05/26300985983_713ab03dc1_k.jpg" >
<div class="carousel-caption">
<h3>San Jacinto - Deer Springs Trail</h3>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
太棒了,修復它謝謝!現在,它的「工作」,我認爲旋轉木馬會更加敏感....我在那裏的圖片是偏離中心。 – Mike
它響應迅速。在滑塊中相對於視口調整大小。但是它強制使用'100%'寬度來實現這一點,並在所有圖像上自動調整高度。只是爲了避免伸出他們。你也許可以嘗試一些技巧。 [Diff高度圖像/ Stackoverflow](http://stackoverflow.com/q/13391566/5496966) – AA2992