Bootstrap Carousel标题_前端实例代码-得得之家

编程学习网为您整理以下代码实例，主要实现：Bootstrap Carousel标题，希望可以帮到各位朋友。

<div ID = "myCarousel" class = "carousel slIDe">

   <!-- Carousel indicators -->
   <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>   

   <!-- Carousel items -->
   <div class = "carousel-inner">
      <div class = "item active">
         <img src = "/bootstrap/images/slIDe1.png" alt = "First slIDe">
         <div class = "carousel-caption">This Caption 1</div>
      </div>

      <div class = "item">
         <img src = "/bootstrap/images/slIDe2.png" alt = "Second slIDe">
         <div class = "carousel-caption">This Caption 2</div>
      </div>

      <div class = "item">
         <img src = "/bootstrap/images/slIDe3.png" alt = "Third slIDe">
         <div class = "carousel-caption">This Caption 3</div>
      </div>
   </div>

   <!-- Carousel nav --> 
   <a class = "carousel-control left" href = "#myCarousel" data-slIDe = "prev">&lsaquo;</a>
   <a class = "carousel-control right" href = "#myCarousel" data-slIDe = "next">&rsaquo;</a>+
</div>

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

Bootstrap Carousel标题

相关文档推荐