Bootstrap轮播指向点击下一个和上一个

时间:2017-12-13 07:11:21

标签: html css twitter-bootstrap

我正在使用Bootstrap轮播并面临意想不到的结果。实际上,当我点击下一个或上一个下一个图像时没有显示和奇怪的事情是我的URL也改为http:MySITE / Carousel3。



<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div id="Carousel3" class="carousel slide" data-ride="carousel">

  <div class="carousel-inner">
    <div class="item active"><img src="Carousel1-Side.jpg" /></div>
    <div class="item"><img src="Carousel2-Front.jpg" /></div>
    <div class="item"><img src="Carousel3-Up.jpg" /></div>


    <a class="left carousel-control" href="#Carousel3" data-slide="prev">
      <span class="glyphicon  glyphicon glyphicon-triangle-left"> </span> <span class="sr-only">Previous</span> </a>


    <a class="right carousel-control" href="#Carousel3" data-slide="next">
      <span class="glyphicon  glyphicon glyphicon-triangle-right"></span> <span class="sr-only">Next</span> </a>
  </div>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案