我的滑块只会在我点击箭头时出现。

时间:2013-09-04 14:24:08

标签: twitter-bootstrap-3

现在不要在哪里出错。有人有个主意吗?我是bootstrap的新手并尝试了一些东西,我在谷歌上发现的东西,但它没有做到这一点。

提前感谢。

<div class="container">  
<div class="row-fluid">  
<div class="span12">

<div id="slider" class="carousel slide">

    <div class="carousel-inner">   

        <div class="item">
            <img src="beelden/1.jpg">
            <div class="carousel">
            </div>
       </div>

       <div class="item">
            <img src="beelden/2.jpg">
            <div class="carousel">
            </div>
       </div>

       <div class="item">
            <img src="beelden/3.jpg">
            <div class="carousel">
            </div>
       </div>


    </div>  
    <a class="left carousel-control" href="#slider" data-slide="prev">&lsaquo;</a>
    <a class="right carousel-control" href="#slider" data-slide="next">&rsaquo;</a>
</div>   
</div>        
</div>   
</div>     


<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>

1 个答案:

答案 0 :(得分:0)

我想我找到了问题所在。请看jsffiddle

没有选择的项目是active,只是将活动放入要显示的第一张图片中。 :)

<div class="item">
  <img src="beelden/1.jpg">
  <div class="carousel">
  </div>
</div>

<div class="active item">
  <img src="beelden/1.jpg">
  <div class="carousel">
  </div>
</div>