美文网首页
消除Boostrap 3 Carousel 轮播灰边的方法

消除Boostrap 3 Carousel 轮播灰边的方法

作者: JCHN | 来源:发表于2018-03-27 13:41 被阅读11次

默认的boostrap carsousel轮播在图片和的两边会有一条15px的灰色边:


消除boostra3 Carousel的灰色边框.png

给carsousel加上padding就能消除灰色边“

    .carousel{
        height: 460px;
        width: 1226px;
        padding-right: 0px;
        padding-left: 0px;

      }

carsousel的width和height根据图片内容而定。图片尺寸为1226*460,所以这里的height:460px,width:1226px。


消除灰边的效果.png

所用图片来自小米商城

相关文章

网友评论

      本文标题:消除Boostrap 3 Carousel 轮播灰边的方法

      本文链接:https://www.haomeiwen.com/subject/ghajcftx.html