模态体内的旋转木马显示所有图像

Question

我正在做一个迷你引导项目。该项目包含3个部分：模态，轮播和模态内的轮播。模态和轮播代码按计划运行，但是当我在模态主体中插入轮播代码时，它将显示所有图像。 这是我的代码段

<div id="chartImageModal" class="modal fade">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</buttom>
                        </div>
                        <div class="modal-body">
                            <div id="myCarousel" class="container-fluid carousel slide" data-ride="carousel" data-interval="5000">
                                <ol class="carousel-indicators">
                                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                    <li data-target="#myCarousel" data-slide-to="1"></li>
                                </ol>
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <img class="img-responsive" src="resources/img1.jpg" alt="slide1">
                                    </div>
                                    <div class="item">
                                        <img class="img-responsive" src="resources/img2.jpg" alt="slide1">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>