我在互联网上搜索了我们无法将.carousel-left
,.carousel-right
放入.carousel-inner
. 在把它们拿出来之前.carousel-inner
它工作得很好,但在把它们拿出来之后它变成了这样:
在这之前:
这是我的代码:
HTML:
<div id="mySlider" class="carousel slide" style="width: 600px; height:340px;">
<div class="carousel-inner">
<div class="item active">
<img alt="" style="width: inherit; height: inherit;" src="http://getbootstrap.com/2.3.2/assets/img/examples/slide-01.jpg" />
<div class="carousel-caption">
<p>Video Caption</p>
</div>
</div>
<div class="item">
<img alt="" style="width: inherit; height: inherit;" src="http://getbootstrap.com/2.3.2/assets/img/examples/slide-01.jpg" />
<div class="carousel-caption">
<p>Video Caption 2</p>
</div>
</div>
<a class="carousel-control left" href="#mySlider" data-slide="prev">‹</a>
<a class="carousel-control right" href="#mySlider" data-slide="next">›</a>
</div>
</div>
我正在使用引导程序,所以我不需要在这里提及 CSS :)
请告诉我如何解决这个问题?