本文主要是介绍bootstrap 2-滚动广告Carousel,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
Carousel是一个用于轮播内容的组件,也就是我们经常用的滚动广告,或者滚动图片。
一个Carousel的基本结构:
代码模板:
<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></ol><!--轮播组件的内容--><div class="carousel-inner" role="listbox"><div class="item active"><img src="" alt=""><div class="carousel-caption"></div></div><div><img src="" alt=""><div class="carousel-caption"></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="src-only">Previous</span>&l
这篇关于bootstrap 2-滚动广告Carousel的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!