0

我有麻烦了。我建立了一个静态站点并在那里放置了一个引导轮播，效果很好。但我不知道为什么它开始产生问题。我无法通过单击上一个和下一个按钮来控制。但早些时候它正在工作。请帮助修复错误。

        <div id="main-slider" class="carousel slide " data-ride="carousel">

            <!-- carousel-indicator start-->
            <ol class="carousel-indicators ">
                <li data-target="#main-slider" data-slide-to="0 " class="active"></li>
                <li data-target="#main-slider" data-slide-to="1 "></li>
                <li data-target="#main-slider" data-slide-to="2 "></li>
                <li data-target="#main-slider" data-slide-to="3 "></li>
                <li data-target="#main-slider" data-slide-to="4 "></li>
            </ol>
            <!-- carousel-indicator end-->

            <!-- carousel-inner start-->
            <div class="carousel-inner ">
                <div class="carousel-item active">
                    <img src="img/1.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/2.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/3.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/4.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/5.jpg" class="d-block w-50 m-auto ">
                </div>
            </div>

            <!-- carousel-inner end-->

            <!-- carousel-controlar start-->
            <div>
                <a class="carousel-control-prev " href="#main-slider" role="button " data-slide="prev ">
                    <span class="carousel-control-prev-icon " aria-hidden="true "></span>
                    <span class="sr-only "> Previous </span>
                </a>

                <a class="carousel-control-next " href="#main-slider" role="button " data-slide="next ">
                    <span class="carousel-control-next-icon " aria-hidden="true "></span>
                    <span class="sr-only "> Next </span>
                </a>
            </div>
            <!-- carousel-controlar end-->

        </div>
        <!-- main slider end-->
4

0 回答 0