无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 公司新闻 >

酒店订房小程序_使用BootStrap进行轮播图的制造

时间:2021-01-12 15:32来源:酒店订房小程序 作者:jianzhan 点击:
应用BootStrap开展滚屏图的制作 Bootstrap 滚屏(Carousel)软件是一种灵便的响应式的向站点加上导轨滑块的方法。本文关键详细介绍了应用BootStrap开展滚屏图的制作的有关材料,必须的
使用BootStrap进行轮播图的制作       Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。这篇文章主要介绍了使用BootStrap进行轮播图的制作的相关资料,需要的朋友可以参考下

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

 !DOCTYPE html 
 html lang="" 
 head 
 meta charset="utf-8" 
 meta http-equiv="X-UA-Compatible" content="IE=edge" 
 meta name="viewport" content="width=device-width, initial-scale=1" 
 title 轮播图 /title 
 link href="///bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" / 
 /head 
 style 
 .carousel { 
 height: 500px; 
 .carousel .item { 
 height: 500px; 
 .carousel .item img { 
 width: 100%; 
 /style 
 body 
 div id="carousel-example-generic" data-ride="carousel" 
 !-- Indicators轮播指标 -- 
 li data-target="#carousel-example-generic" data-slide-to="0" /li 
 li data-target="#carousel-example-generic" data-slide-to="1" /li 
 li data-target="#carousel-example-generic" data-slide-to="2" /li 
 /ol 
 !-- Wrapper for slides 轮播项目-- 
 div role="listbox" 
 div 
 img src="5412ad400484.jpg" alt="..." 
 div 
 11 英寸 MacBook Air 充电一次可运行长达 9 小时,而 13 英寸机型则可运行长达 12 小时。 
 /div 
 /div 
 div 
 img src="5412ad7c0001d2eb.jpg" alt="..." 
 div 
 无论是什么任务,配备 Intel HD Graphics 5000 图形处理器的第四代 Intel Core 处理器都能应对自如。 
 /div 
 /div 
 div 
 img src="5412ae5c0004.jpg" alt="..." 
 div 
 有了新一代 802.11ac 技术,MacBook Air 令 Wi-Fi 速度超越极限。 
 /div 
 /div 
 /div 
 !-- Controls -- 
 a href="#carousel-example-generic" role="button" data-slide="prev" 
 span /span 
 span Previous /span 
 a href="#carousel-example-generic" role="button" data-slide="next" 
 span /span 
 span Next /span 
 /div 
 script src="jquery/1.9.0/jquery.js" /script 
 script src="///bootstrap/3.2.0/js/bootstrap.min.js" /script 
 /body 
 /html 

以上所述是小编给大家介绍的使用BootStrap进行轮播图的制作,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信