对齐bootstrap next和prev按钮

Question

我通过互联网搜索我们无法将.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>

我正在使用bootstrap所以我不需要在这里支持CSS：）

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