Html 转盘上的导航按钮

我在我的网页上放了一个旋转木马，左右各有两个按钮，但我很难弄明白为什么按钮没有旋转木马

这是我的密码：

<!--Carousel Start-->
<div class="container">
<div class="col-md-12 text-center"><h3>Featured advertisements</h3></div>
<div class="col-md-12 col-md-12">
<div class="homeCarousel" id="featuredCarousel">
<div class="carousel-inner">
<div class="item active">
<div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=1" class="img-responsive"></a></div>
</div>
<div class="item">
            <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e477e4/fff&amp;text=2" class="img-responsive"></a></div>
        </div>
<a class="left carousel-control" href="#featuredCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
<a class="right carousel-control" href="#featuredCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>

你的问题就在这里

<div class="homeCarousel" id="featuredCarousel">

内容应如下：

<div class="homeCarousel carousel slide" id="featuredCarousel" data-ride="carousel">

---

假定您使用的是引导中的标准旋转木马

您的代码缺少featuredCarousel上的旋转木马类。另外，如果想要滑动效果，还需要添加slide类

<!--Carousel Start-->
<div class="container">
    <div class="col-md-12 text-center"><h3>Featured advertisements</h3></div>
    <div class="col-md-12 col-md-12">
        <div class="homeCarousel carousel slide" data-ride="carousel" id="featuredCarousel">
            <div class="carousel-inner">
                <div class="item active">
                    <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=1" class="img-responsive"></a></div>
                </div>
                <div class="item">
                    <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e477e4/fff&amp;text=2" class="img-responsive"></a></div>
                </div>
                <a class="left carousel-control" href="#featuredCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
                <a class="right carousel-control" href="#featuredCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
            </div>
        </div>
    </div>
</div>

JSfiddle-

有关更多设置，请查看引导文档