Twitter ブートストラップ カルーセルの例をダウンロードしました。スライドをナビゲートしても何も起こらず、私の見解では、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