Bootstrap轮播工作错误

时间:2017-12-28 12:25:11

标签: html slideshow bootstrap-carousel

我正在尝试使用bootstrap caraousel。我复制了一些例子,但它的确错了。当我单击div的左侧或右侧的箭头幻灯片放映然后更改位置。我也使用inspinia。怎么了?

<div id="carousel-example-generic2" class="carousel slide">
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic2" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic2" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img src="http://placehold.it/1280x500" alt="">
                    <div class="carousel-caption">
                        <h3>To jest opis</h3>
                        <p>pierwszego slajdu</p>
                    </div>
                </div>

                <div class="item">
                    <img src="https://speckyboy.com/wp-content/uploads/2012/04/jquery-new-plugin-22.jpg" alt="">
                    <div class="carousel-caption">
                        <h3>To jest opis</h3>
                        <p>drugiego slajdu</p>
                    </div>
                </div>

                <div class="item">
                    <img src="http://placehold.it/1280x500" alt="">
                    <div class="carousel-caption">
                        <h3>To jest opis</h3>
                        <p>trzeciego slajdu</p>
                    </div>
                </div>

            </div>

            <a class="left carousel-control" href="#carousel-example-generic2" data-slide="prev">
                <span class="icon-prev"></span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic2" data-slide="next">
                <span class="icon-next"></span>
            </a>
        </div>

example 左边是第一张幻灯片,第二张是右边。红色箭头显示方向。

1 个答案:

答案 0 :(得分:1)

可能是您未正确包含库。这工作

&#13;
&#13;
applicationDidEnterBackground
&#13;
&#13;
&#13;