div id = myCarousel class = carousel slide!-- Carousel indicators --
编程学习网为您整理以下代码实例,主要实现:Bootstrap Carousel标题,希望可以帮到各位朋友。
<div ID = "myCarousel" class = "carousel slIDe">
<!-- Carousel indicators -->
<ol class = "carousel-indicators">
<li data-target = "#myCarousel" data-slIDe-to = "0" class = "active"></li>
<li data-target = "#myCarousel" data-slIDe-to = "1"></li>
<li data-target = "#myCarousel" data-slIDe-to = "2"></li>
</ol>
<!-- Carousel items -->
<div class = "carousel-inner">
<div class = "item active">
<img src = "/bootstrap/images/slIDe1.png" alt = "First slIDe">
<div class = "carousel-caption">This Caption 1</div>
</div>
<div class = "item">
<img src = "/bootstrap/images/slIDe2.png" alt = "Second slIDe">
<div class = "carousel-caption">This Caption 2</div>
</div>
<div class = "item">
<img src = "/bootstrap/images/slIDe3.png" alt = "Third slIDe">
<div class = "carousel-caption">This Caption 3</div>
</div>
</div>
<!-- Carousel nav -->
<a class = "carousel-control left" href = "#myCarousel" data-slIDe = "prev">‹</a>
<a class = "carousel-control right" href = "#myCarousel" data-slIDe = "next">›</a>+
</div>
沃梦达教程
本文标题为:Bootstrap Carousel标题
猜你喜欢
- D3.js数组API 1970-01-01
- Bootstrap .well类 1970-01-01
- 原始CSS美化select下拉框option示例代码 2022-10-05
- Bootstrap navbar-fixed-bottom类使用 1970-01-01
- Bootstrap单选按钮 1970-01-01
- Bootstrap .btn-primary类 1970-01-01
- D3.js selectAll()用法 2022-07-13
- Bootstrap创建下拉菜单 1970-01-01
- js过滤所有特殊字符的实例代码 2022-10-16
- Bootstrap表格行或单元格 1970-01-01