 <div id="carousel-menu" class="carousel slide" data-ride="carousel">
  //小圓點(diǎn)
  <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>
//左右點(diǎn)擊
 <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代碼，希望對(duì)大家有所幫助，如果大家喲任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

xtree.js 代碼
xtree.js 代碼...
2007-03-03
Javascript與vbscript數(shù)據(jù)共享
Javascript與vbscript數(shù)據(jù)共享...
2007-01-01
uniapp開(kāi)發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)兩種方法
這篇文章主要給大家介紹了關(guān)于uniapp開(kāi)發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)的兩種方法,在Uniapp中引入JS文件是一項(xiàng)常見(jiàn)的操作,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-02-02
javascript刪除字符串最后一個(gè)字符
需求是一個(gè)字符串，想刪除這個(gè)字符串最后一個(gè)字符，比如“1,2,3,4,5,”，刪除最后一個(gè)“,”用javascript怎么實(shí)現(xiàn)？下面給出三種方法
2014-01-01
uni-app使用Vite.config.js配置文件的超詳細(xì)教程
這篇文章主要給大家介紹了關(guān)于uni-app使用Vite.config.js配置文件的超詳細(xì)教程,在uniapp開(kāi)發(fā)中,vue.config.js是配置webpack的關(guān)鍵文件之一,也可以說(shuō)是uniapp項(xiàng)目自定義配置的中心,需要的朋友可以參考下
2023-12-12
JavaScript定時(shí)器原理詳解
這篇文章主要介紹了JavaScript定時(shí)器原理,setTimeout()方法用于設(shè)置一個(gè)定時(shí)器，該定時(shí)器在定時(shí)器到期后執(zhí)行調(diào)用函數(shù),文章圍繞JavaScript定時(shí)器相關(guān)資料展開(kāi)以下內(nèi)容,需要的朋友可以參考一下
2021-12-12
javascript中substring()、substr()、slice()的區(qū)別
在js中字符截取函數(shù)有常用的三個(gè)slice()、substring()、substr()了，下面我來(lái)給大家介紹slice()、substring()、substr()函數(shù)在字符截取時(shí)的一些用法與區(qū)別吧。
2015-08-08
手機(jī)軟鍵盤(pán)彈出時(shí)影響布局的解決方法
這篇文章主要介紹了手機(jī)軟鍵盤(pán)彈出時(shí)影響布局的解決方法的相關(guān)資料,大家開(kāi)發(fā)移動(dòng)端的軟件時(shí)候，肯定會(huì)因?yàn)檐涙I盤(pán)的彈窗影響布局，這里說(shuō)下如何解決，需要的朋友可以參考下
2016-12-12
獲取焦點(diǎn)時(shí),利用js定時(shí)器設(shè)定時(shí)間執(zhí)行動(dòng)作
網(wǎng)上有很多類(lèi)似的知識(shí)，并不是有什么難度的技巧，僅僅是開(kāi)發(fā)過(guò)程中的一點(diǎn)點(diǎn)積累而已。
2010-04-04
淺談webpack 構(gòu)建性能優(yōu)化策略小結(jié)
webpack以其豐富的功能和靈活的配置而深受業(yè)內(nèi)吹捧，逐步取代了grunt和gulp成為大多數(shù)前端工程實(shí)踐中的首選，這篇文章主要介紹了淺談webpack 構(gòu)建性能優(yōu)化策略小結(jié)，感興趣的小伙伴們可以參考一下
2018-06-06