Bootstrap 轮播错误

Question

我正在尝试使用 bootstrap 旋转木马。我复制了示例，但它工作不正常。当我单击 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 左边是第一张幻灯片，右边是第二张幻灯片。红色箭头表示方向。

Answer 1

可能是您没有正确包含库。这有效

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<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>

Bootstrap 轮播错误

Bootstrap carousel works wrong

html

slideshow

bootstrap-carousel