我已经下载了 twitter bootsrap 轮播示例。我注意到,当我浏览幻灯片时,什么都没有发生,在我看来,bootstrap.css 版本 3 中的“幻灯片”类是未知的。
根据head
下面的部分,我相信我拥有所有必要的 js 和 css 文件。
我有 2 个问题。为什么“幻灯片”类是未知的,并且轮播应该直接开箱即用?
<head>
<link href ="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href ="/Content/bootstrap/css/bootstrap-responsive.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 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