我正在学习bootstrap并在两个导航栏下方使用旋转木马。
这是小提琴：
https://jsfiddle.net/xneym8zq/
问题是旋转木马的顶部与旋转木马内部之间存在间隙。我可以看到由于旋转木马控制阴影，旋转木马正在触摸导航栏，但我没有得到的是为什么顶部和图像之间存在间隙。
我试过
.carousel-inner .item img {
position: relative;
top: -20px;
}
它有效，但我想知道的是为什么会有差距？哪个元素导致了它？在bootstrap.css中是否有一些我缺少的默认css？
提前致谢。