解决BootStrap轮播图片中图片大小和父div不一致问题

问题出现

其实这个问题相当简单，自己鼓捣好久，才发现还是自己基本功不扎实，当图片的大小出现在原生的bootstrap类属性限定中，图片会按照自己的大小进行布局，这样就会出现图片小于父div的情况，如下图所示：

问题解决

找出图片所属类，更改类的属性为block，设置图片的高度为父div的高度，代码如下：

#showCarousel  .carousel-inner > .item > img {

    display: block;
    width:100%;
    height:父div的高度;

}

父div包含id=showCarousel的div
结果展示
如下图所示：

图片充满了整个布局，以后遇到这种高度问题，首先想一下要不要将该元素的转换为块级元素。