twitter bootstrap 3 - My slider will only appear when I hit the arrows. -
don't it's going wrong. got idea? i'm new @ bootstrap , tried couple of things, things found on google didn't trick.
thanks in advance.
<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">‹</a> <a class="right carousel-control" href="#slider" data-slide="next">›</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>
i think found problem is. please have @ jsffiddle.
there wasn't item selected active, put active first picture want show. :)
from
<div class="item"> <img src="beelden/1.jpg"> <div class="carousel"> </div> </div> to
<div class="active item"> <img src="beelden/1.jpg"> <div class="carousel"> </div> </div>
Comments
Post a Comment