Question

Bootstrap carousel插件：背景框比图片大怎么解决？

Bootstrap的轮播(carousel)插件中，背景框比实际图片大很多，右侧的按钮与图片右侧都有好大一段距离，有什么办法能够让背景框自适应图片大小(而不是让图片适应轮播插件的背景框)？？求大神解答，感谢！！

Answer 1

设置图片的属性：

img{width:100%;height:100%;}

这样可能导致图片的变形，请注意哦

追问

你说的方法是让图片变大去适应轮播模块的边框，我想问的是有什么办法能够让轮播模块的边框变小，去适应图片的大小呢？

追答

o ,这样啊，那就设置 轮播模块的 宽和高，也就是覆盖掉bootstrap里的 carousel 的css属性值

注意也要设置图片

<img src="..." class="img-responsive" alt="Responsive image">