<!--data-ride设置图片切换方式为滑动 -->
<div id=
"carousel-example-generic"
class
=
"carousel slide"
data-ride=
"carousel"
>
<!-- 设置轮播图的数量和顺序-->
<!--data-target的值应与上面的id值对应 -->
<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>
<li data-target=
"#carousel-example-generic"
data-slide-to=
"2"
></li>
</ol>
<!-- 要展示的图片信息 -->
<div
class
=
"carousel-inner"
role=
"listbox"
>
<div
class
=
"item active"
>
<img src=
"..."
alt=
"..."
>
<div
class
=
"carousel-caption"
>
...
</div>
</div>
<div
class
=
"item"
>
<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"
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
=
"glyphicon glyphicon-chevron-right"
aria-hidden=
"true"
></span>
<span
class
=
"sr-only"
>Next</span>
</a>
</div>