Bootstrap Carousel不会进入下一张图片

时间:2014-07-07 23:04:12

标签: html twitter-bootstrap carousel

旋转木马会装载,但不会让我转到下一张照片。我在另一个网站上使用了这个确切的代码,但它不起作用。点击箭头或点状物不会做任何事情。

这是我的代码:

<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 active">
        <img src="img/Carousel0.png" alt= "Carousel10" class="img-responsive">
        <div class="container">
            <div class="carousel-caption">
                <h1>Bootstrap 3 Carousel Layout</h1>
                <pthis is="" an="" example="" layout="" with="" carousel="" that="" uses="" the="" bootstrap="" 3="" styles.<="" small=""><p></p>
                <p><a class="btn btn-lg btn-primary"  href="http://getbootstrap.com">Learn More</a>
            </p></pthis></div>
        </div>
    </div>
    <div class="item">
        <img src="img/Carousel1.png" alt= "Carousel11" class="img-responsive">
        <div class="container">
            <div class="carousel-caption">
                <h1>Bootstrap 3 Carousel Layout</h1>
                <pthis is="" an="" example="" layout="" with="" carousel="" that=""  uses="" the="" bootstrap="" 3="" styles.<="" small=""><p></p>
                <p><a class="btn btn-lg btn-primary" href="http://getbootstrap.com">Learn More</a>
            </p></pthis></div>
        </div>
    </div>
    <div class="item">
        <img src="img/Carousel2.png" alt= "Carousel12" class="img-responsive">
        <div class="container">
            <div class="carousel-caption">
                <h1>Bootstrap 3 Carousel Layout</h1>
                <pthis is="" an="" example="" layout="" with="" carousel="" that="" uses="" the="" bootstrap="" 3="" styles.<="" small=""><p></p>
                <p><a class="btn btn-lg btn-primary" href="http://getbootstrap.com">Learn More</a>
            </p></pthis></div>
        </div>
    </div>
  </div>

  <a class = "carousel-control left" href = "#MyCarousel" data-slide = "prev">
      <span class = "icon-prev"></span>

  <a class = "carousel-control right" href = "#MyCarousel" data-slide = "next">
      <span class = "icon-next"></span>
  </a> 
</div>

0 个答案:

没有答案