本文細(xì)致的為大家分享了Bootstrap輪播插件簡(jiǎn)單實(shí)例，供大家參考，具體內(nèi)容如下

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

bootstrap.min.js. 

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

  <!—輪播導(dǎo)航 -->

  <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>

  <!—輪播項(xiàng)目 -->

  <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>

  <!—輪播導(dǎo)航 -->

  <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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助