中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

本文細致的為大家分享了Bootstrap輪播插件簡單實例，供大家參考，具體內容如下

使用Bootstrap的輪播插件可以向站點添加滑塊，內容可以是圖像，內嵌框架，視頻或其它任何內容，使用輪播插件需要引入

bootstrap.min.js. 

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

  <!—輪播導航 -->

  <ol class="carousel-indicators">

  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

  <li data-target="#carousel-example-generic" data-slide-to="1"></li>

  <li data-target="#carousel-example-generic" data-slide-to="2"></li> 

  </ol>

  <!—輪播項目 -->

  <div class="carousel-inner" role="listbox">

  <div class="item active">

   <img src="~/images/Chrysanthemum.jpg" />

   <div class="carousel-caption"> 

   ffffffff

   </div> 

  </div>

   <div class="item">

   <img src="~/images/Desert.jpg" />

   <div class="carousel-caption">

   xxxxxxxxxxxxxxxx

   </div> 

  </div>

   <div class="item">

   <img src="~/images/Lighthouse.jpg" /> 

   <div class="carousel-caption"> 

   mmmmmmmmmmmm 

   </div>

  </div>

  </div>

  <!—輪播導航 -->

  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">

  <span class="glyphicon glyphicon-chevron-left"></span>

  <span class="sr-only">Previous</span> 

  </a> 

  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 

  <span class="glyphicon glyphicon-chevron-right"></span>

   <span class="sr-only">Next</span>

  </a> 

 </div>

以上就是本文的全部內容，希望對大家的學習有所幫助