Javascript 对齐引导下一个和上一个按钮

我在互联网上搜索到，我们不能将

.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">&lsaquo;</a>
        <a class="carousel-control right" href="#mySlider" data-slide="next">&rsaquo;</a>
    </div>
</div>

视频字幕

视频字幕2

我使用的是引导，所以我不需要在这里对CSS进行尺寸标注：）

---

请告诉我如何解决这个问题？

为什么要避免使用这些类？

.carousel left

，

.carousel right

@Itay实际上我写错了，没有这样的类PDid您是否尝试了

向右拉

和

向左拉

？让我们