0

ブートストラップでカルーセルを実行しようとしましたが、Windows 8 の Firefox または Google chrome に読み込まれません。これは私が書いたコードです。

<html>
<body>
 <div id="mycarousel" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
            <li data-target="#mycarousel" data-slide-to="1"></li>
            <li data-target="#mycarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item">
                <img src="img/Capture.PNG" />
            <div class="item">
                <img src="img/img1.PNG" />
            <div class="item">
                <img src="img/img3.PNG" />
        </div>
        <a class="left carousel-control"  href="#mycarousel"  data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control"  href="#mycarousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
</body>

</html>
4

3 に答える 3

3

bootstrap3 に carousel.js を含めて、divを閉じる必要があります。 item

于 2013-10-16T13:20:06.930 に答える
0

divの「item」タグを閉じてから、最初の「item」を「active」に設定します

    <div class="carousel-inner">
            <div class="active item">
                <img src="Capture.PNG" />
            </div>
            <div class="item">
                <img src="img1.PNG" />
            </div>
            <div class="item">
                <img src="img3.PNG" />
            </div>
        </div>

次に、最も重要なことは、 "bootstrap.css" => http://getbootstrap.com/2.3.2/assets/css/bootstrap.cssをロードすることを忘れないことです。ブートストラップはその css ファイルを使用したためです。

于 2013-12-24T10:11:21.740 に答える
0

html ドキュメントに carousel.js を含めてください

carousel.js のダウンロードを参照してください: http://getbootstrap.com/javascript/#carousel

于 2013-10-16T13:22:08.833 に答える