【bootstrap轮播图,如何让图片铺满轮播框架 _bottstrap _轮播 】 | IT修真院·坑乎
咨询电话 : 010-59478634
切换导航
首页
我的提问
我的回答
我的点赞
消息通知
个人主页
×
提示
尚未登陆,前往官网登陆?
×
提示
尚未登陆,前往官网登陆?
bootstrap轮播图,如何让图片铺满轮播框架
我也踩过这个坑(
1
)
已统计您的踩坑,无需重复点击
回答(1)
bottstrap
轮播
详细描述
写任务8的首页页面,轮播框内,内含的背景图插入后,左右两侧按钮处留有空白。 设置宽度为100%,能铺满轮播框,但高度会显示的太大,固定高度时,分辨率变小,又无法自适应。 怎么才能让整张背景图铺满,又可以自适应?
截图
左右两侧轮播按钮处有空白。
代码
<div id="myCarousel" class="carousel slide"> <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> <div class="carousel-inner"> <div class="item active"> <img src="images/background-pic.png" class="carousel-img" alt="第一张"/> </div> <div class="item"> <img src="images/background-pic.png" class="carousel-img" alt="第二张"/> </div> <div class="item"> <img src="images/background-pic.png" class="carousel-img" alt="第三张"/> </div> </div> <a href="#myCarousel" data-slide="prev" class="carousel-control left"> <span class="glyphicon glyphicon-chevron-left"> </span> </a> <a href="#myCarousel" data-slide="next" class="carousel-control right"> <span class="glyphicon glyphicon-chevron-right"> </span> </a> </div>
编辑于2025-04-13
时间排序
热门排序
[散修弟子]JS-1730
0
你可以看看官网的轮播图,,如果和你的轮播图差不多高的话,是符合要求的,有个图片属性可以缩小图片,你可以试试
查看全部>
编辑于2018-05-22
首页
1
末页
去第
页
确定
Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1
复制链接
新浪微博
微信扫一扫