使用twitter bootstrap carousel制作图像滑块

Question

所以在这里我试图使用twitter bootstrap carousel创建一个图像滑块，问题是，下一个，上一个，并且标题并不完全是它应该如何，这是截图：

注意上一个和下一个图标在左上角和右上角，而它应该在中心，顺便说一句，这里是代码：

<div id="myCarousel" class="carousel slide">
                    <!-- Carousel slides -->
                    <div class="carousel-inner" width="100%" height="100%">
                        <div class="active item">
                            <img alt="" src="http://www.trexglobal.com/property-management/wp-content/uploads/2010/02/real-estate-investment-property-canada.jpg"
                                style="width: 750px; height: 300px;" />
                            <div class="carousel-caption">
                                <h4>
                                    CAPTION</h4>
                                <p>
                                    Sample Caption</p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="http://news.worldwidepropertydevelopments.com/wp-content/uploads/2008/09/feature.jpg"
                                style="width: 750px; height: 300px;" />
                        </div>
                        <div class="item">
                            <img alt="" src="http://images.realestate.com/re/homepage/theme4/2.jpg" style="width: 750px;
                                height: 300px;" />
                        </div>
                    </div>
                    <!-- Carousel navigation -->
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control right"
                        href="#myCarousel" data-slide="next">›</a>
                </div>

我在这里做错了什么？有什么建议吗？感谢。

哦，顺便说一下，如果它有帮助我使用了bootstrap v3。

Answer 1

找到了解决方案！

在left

之前确保排名第一（即：right或carousel-control）

正确答案： class="left carousel-control"

不太正确的答案： class="carousel-control left"

我也将导航代码编辑成：

<a class="left carousel-control" href="#carousel-generic" data-slide="prev"><span
   class="icon-prev"></span></a><a class="right carousel-control" href="#carousel-generic"
     data-slide="next"><span class="icon-next"></span></a>

喝彩！