BootStrap輪播HTML代碼（推薦）

更新時間：2016年12月10日 17:12:41 作者：幕僚珂

本文給大家分享bootstrap輪播h tml代碼，代碼簡單易懂非常不錯，具有參考借鑒，需要的朋友參考下吧

廢話不多說了，直接給大家貼代碼了，具體代碼如下所述：

 <div id="carousel-menu" class="carousel slide" data-ride="carousel">
  //小圓點
  <ol class="carousel-indicators">
    <li data-target="#carousel-menu" data-slide-to="0" class=""></li>
    <li data-target="#carousel-menu" data-slide-to="1" class=""></li>
    <li data-target="#carousel-menu" data-slide-to="2" class=""></li>
    <li data-target="#carousel-menu" data-slide-to="3" class="active"></li>
  </ol>
  //圖片
  <div class="carousel-inner">
    <div class="item">
      <img src="img/img-slider-1.jpg" >
    </div>
    <div class="item">
      <img src="img/img-slider-2.jpg" >
    </div>
    <div class="item">
      <img src="img/img-slider-3.jpg" >
    </div>
    <div class="item active">
      <img src="img/img-slider-4.jpg">
    </div>
  </div>
//左右點擊
 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
  <span class="icon-prev" aria-hidden="true"></span>
  <span class="sr-only">Previous</span>
 </a>
 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
  <span class="icon-next" aria-hidden="true"></span>
  <span class="sr-only">Next</span>
 </a>
</div>

以上所述是小編給大家介紹的BootStrap輪播HTML代碼，希望對大家有所幫助，如果大家喲任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章:

JavaScript實現(xiàn)瀑布流以及加載效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)瀑布流以及加載效果的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
js中遍歷對象的屬性和值的方法
下面小編就為大家?guī)硪黄猨s中遍歷對象的屬性和值的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
HTML node相關的一些資料整理
HTML node相關的一些資料整理
2010-01-01
JS使用setInterval計時器實現(xiàn)挑戰(zhàn)10秒
這篇文章主要為大家詳細介紹了JS使用setInterval計時器實現(xiàn)挑戰(zhàn)10秒，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
JavaScript SHA-256加密算法詳細代碼
這篇文章主要為大家詳細介紹了JavaScript SHA-256加密算法代碼，具有一定的參考價值，感興趣的朋友可以參考一下
2016-10-10
學前端,css與javascript重難點淺析
JavaScript是一種屬于網(wǎng)絡的腳本語言,已經(jīng)被廣泛用于Web應用開發(fā)，CSS（Cascading Style Sheet）層疊樣式表單，今天給大家分享css與javascript重難點，感興趣的朋友一起看看吧
2020-06-06
javascript Table 中2個列（TD）的交換實現(xiàn)代碼
非常不錯的用js控制talbe中td的位置的實現(xiàn)代碼。
2009-02-02
ECharts多圖表聯(lián)動功能的實現(xiàn)過程
echarts是非常好用的圖表插件,下面這篇文章主要給大家介紹了關于ECharts多圖表聯(lián)動功能的相關資料,需要的朋友可以參考下
2021-06-06
微信小程序表單驗證插件WxValidate的二次封裝功能（終極版）
這篇文章主要介紹了微信小程序表單驗證插件WxValidate的二次封裝功能（終極版），文中給大家提到了最終版與前面2版的不同點,需要的朋友可以參考下
2019-09-09
微信小程序實現(xiàn)點擊按鈕修改view標簽背景顏色功能示例【附demo源碼下載】
這篇文章主要介紹了微信小程序實現(xiàn)點擊按鈕修改view標簽背景顏色功能,涉及微信小程序事件響應及數(shù)值運算實現(xiàn)動態(tài)設置view背景色樣式的相關操作技巧,需要的朋友可以參考下
2017-12-12