消除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 轮播灰边的方法
默认的boostrap carsousel轮播在图片和的两边会有一条15px的灰色边：给carsousel加上p...
uni-app公共组件
轮播组件（Carousel）
项目-轮播图
整个轮播图分为三部分：轮播指标、轮播项目及轮播导航。用boostrap实现轮播图要比用js、jQuery方便的多，...
React轮播-----react-bootstrap
React项目使用轮播图 React-bootstrap中的轮播（Carousel）模块参考github: ht...
Bootstrap - banner
所用到组件：Carousel Carousel是一个用于轮播内容的javascript组件，也就是我们经常要使用到...
antd design mobile 走马灯（Carousel）
问题：页面轮播组件使用 antd-design-mobile 的走马灯（Carousel）组件进行垂直轮播，点击轮...
记录一下 element-plus 中使用 el-carouse
vue3+element-plus使用el-carousel 实现轮播图场景因为刚开始页面渲染数据还没加载过来，...
react-native常用第三方库记录
react-native-animatable 动画 react-native-carousel 轮播 react...
2018-03-21
React-native-animatable 动画 react-native-carousel 轮播 react...
React Native 项目常用第三方组件汇总：
react-native-animatable 动画 react-native-carousel 轮播 react...