这里有新鲜出炉的 Bootstrap 入门,程序狗速度看过来!
Bootstrap 是 Twitter 推出的一个开源的用于前端开发的工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS/html 框架。Bootstrap 提供了优雅的 HTML 和 CSS 规范,它即是由动态 CSS 语言 Less 写成。Bootstrap 一经推出后颇受欢迎,一直是 GitHub 上的热门开源项目,包括 NASA 的 MSNBC(微软全国广播公司)的 Breaking News 都使用了该项目。
本文给大家分享 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 代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!
来源: http://www.phperz.com/article/17/0513/329707.html