茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合

這篇文章主要介紹了快速使用Bootstrap搭建傳送帶的相關(guān)資料,非常具有參考借鑒價(jià)值，需要的朋友可以參考下

bootstrap介紹

Bootstrap是前端開(kāi)發(fā)中應(yīng)用非常廣泛的一個(gè)框架，最早是Twitter 公司內(nèi)部的一個(gè)工具，開(kāi)源之后迅速得到了各方的認(rèn)可。本書(shū)基于最新的Bootstrap 3撰寫(xiě)，在簡(jiǎn)單介紹了安裝與配置之后就直奔主題，分別討論了個(gè)人作品站點(diǎn)、WordPress主題、企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站和單頁(yè)營(yíng)銷(xiāo)網(wǎng)站等幾個(gè)最具代表性的應(yīng)用案例，結(jié)合這些案例細(xì)致地剖析了Bootstrap還有LESS的使用方式和技巧。

說(shuō)了這么多，都是題外話，下面看看bootstrap搭建傳送帶的代碼。

進(jìn)度指示器

<div id="homepage-feature" class="carousel slide">

<ol class="carousel-indicators">

<li data-target="#homepage-feature" data-slide-to="0" class="active"></li>

<li data-target="#homepage-feature" data-slide-to="1" ></li>

<li data-target="#homepage-feature" data-slide-to="2" ></li>

<li data-target="#homepage-feature" data-slide-to="3" ></li>

</ol>

進(jìn)度指示器的data-target屬性必須使用傳送帶的ＩＤ homepage-featureJS插件為傳送帶添加active類(lèi)。

<div class="carousel-inner">

<div class="item active">

<img >

</div>

<div class="item ">

<img >

</div>

...

</div>

然后是顯示前一個(gè)后一個(gè)的按鈕

<a class="left carousel-control" href="#homepage-feature" data-slide="prev">

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

</a>

<a class="right carousel-control" href="#homepage-feature" data-slide="next">

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

</a></div>

如此便好了。以上內(nèi)容是小編給大家介紹的Bootstrap搭建傳送帶的相關(guān)知識(shí)，希望對(duì)大家有所幫助