在div中包裹bootstrap full滑块使它无法正常工作

Question

我需要使用bootstrap完整滑块，但在将它包装到div后滑块不能正常工作，并且在删除父div滑块工作正常后，如何修复它？

<div><!--this div prevent slider show-->
    <!-- Full Page Image Background Carousel Header -->
    <header id="myCarousel" class="carousel slide">
        .............................
    </header>
</div>

我在plnkr上发布代码http://plnkr.co/edit/7tYjv4?p=preview 如果取消注释div，滑块不能工作如何修复它？

Answer 1

只需为父div设置样式height:100%。