轮播幻灯片仅在我的设备上运行?

时间:2019-10-07 10:43:57

标签: bootstrap-4

我写了一个轮播代码。在我的设备上,旋转木马可以完美滑动。但是,当我在其他设备(移动设备或笔记本电脑)上尝试过此功能时,“轮播”滑块不起作用。我看了其他一些教程或视频。但是他们都没有帮助。

    <!-- Indicators -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
    </ul>
    <!-- The slideshow -->
    <div class="carousel-inner">

        <!--1st slide-->

        <div class="carousel-item active">
            <div class="row">
                <div class="col-md-3 customer-details">
                    <img src="images/comma.png" alt="comma">
                    <p>Lorem ipsum dolor sit amet<br>lorem ipsum dolor sit amet dolor sit<br>lorem ipsum dolor sit amet</p>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <div class="row">
                        <div>
                            <img src="images/customer1.png" alt="customer1" class="img-fluid">
                        </div>
                        <div>
                            <h6>Ben Leveson</h6>
                            <p>Customer</p>
                        </div>
                    </div>
                </div>
            </div>
         </div>

0 个答案:

没有答案