Bootstrap图片轮播效果详解

前端之家收集整理的这篇文章主要介绍了Bootstrap图片轮播效果详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

导言

Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容

示例

下面演示图片的轮播,使用bootstrap中的Carousel显示循环播放元素插件

...

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true">
<span class="sr-only">Previous

<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
<span class="sr-only">Next

在src中插入图片已为图片设置大小

还可以为其加上标题

...

...

enter image description here

参考

1.

2.

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

图片轮播

猜你在找的Bootstrap相关文章