Why is twitter bootstrap carousel class "slide" unknown in bootsrap 3
I have downloaded the twitter bootsrap carousel example. I noticed that
when I navigate the slide nothing happens and in my view the "slide" class
from the bootstrap.css version 3 is unknown.
Based on the heading below I believe I have all the necessary js and css
files.
I have 2 questions. Why is the the "slide" class unknown and should the
the carousel be navigable straight out of the box?
<head>
<link href ="/Content/bootstrap/css/bootstrap.min.css"
rel="stylesheet">
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script
src="/Content/bootstrap/js-twitter-bootstrap/bootstrap-dropdown.js"></script>
<script
src="/Content/bootstrap/css/bootstrap-responsive.css"></script>
<script data-main="/Scripts/main"
src="~/Scripts/require.min.js"></script>
<script src="/Content/bootstrap/js/bootstrap.min.js"></script>
</head>
<div id="carousel-example-generic" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0"
class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="http://placehold.it/1200x480" alt="" />
<div class="carousel-caption">
...
</div>
</div>
...
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic"
data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic"
data-slide="next">
<span class="icon-next"></span>
</a>
</div
No comments:
Post a Comment