bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料

bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料

ID:35535075

大小:57.72 KB

页数:7页

时间:2019-03-25

bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料_第1页
bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料_第2页
bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料_第3页
bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料_第4页
bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料_第5页
资源描述:

《bootstrap轮播(carousel)_计算机软件及应用_it计算机_专业资料》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Bootstrap轮播(Carousel)插件Bootstrap轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能,那么您需要引用carousel.jso或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.jSo实例下面是一个简单的幺J灯片,使用Bootstrap轮播(Carousel)插件显示了一

2、个循环播放元素的通用组件。为了实现轮播,您只需要添加带有该标记的代码即可。不需要使用data属性,只需要简单的基于class的开发即可。Bootstrap实例-简单的轮播(Carousel)插件vlinkhref="/bootstrap/css/bootstrap.min.css"rel="stylesheet">

3、bootstrap/js/bootstrap.min.js"x/script>

4、i>

5、de2.png"alt="Secondslide">

6、href="#myCarousel"data-slide="next">›v/a>尝试一下»结果如下所示:简单的轮播(Carousel)插件可选的标题您可以通过.item内的.carousel-caption元素向幻灯片添加标题。只需要在该处放置任何可选的HTML即可,它会自动对齐并格式化。卜-面的实例演示了这点:Bootstrap实例-轮播(Carousel)插件的标题v

7、linkhref="/bootstrap/css/bootstrap.min.css"rel="stylesheet">

8、tors">

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。