twitter-bootstrap-3 - 我的滑块只会在我击中箭头时出现。

Question

不要现在哪里出错了。有人有想法吗？我是 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>

Answer 1

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

没有选择要显示的项目active，只需将 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>