问题出现
其实这个问题相当简单，自己鼓捣好久，才发现还是自己基本功不扎实，当图片的大小出现在原生的bootstrap类属性限定中，图片会按照自己的大小进行布局，这样就会出现图片小于父div的情况，如下图所示：
问题解决
找出图片所属类，更改类的属性为block，设置图片的高度为父div的高度，代码如下：
#showCarousel .carousel-inner > .item > img {
display: block;
width:100%;
height:父div的高度;
}
父div包含id=showCarousel的div
结果展示
如下图所示：
图片充满了整个布局，以后遇到这种高度问题，首先想一下要不要将该元素的转换为块级元素。