Question

我的引导传送带有问题，它工作正常，但是我想对其进行一些更改。

我想让轮播在移动设备上显示1张幻灯片，然后再显示。它显示了笔记本电脑中的3张幻灯片（我希望它现在一张一张地显示，而另一张只是一张）

然后我想向左右添加箭头（我在页面中有多个滑块，因此可以发布ID）

我已经尝试并为此创建了小提琴，但我正在阅读有关该问题的更多信息，但我无法获得足够的帮助。

<div class="brain_sliders row">
  <div class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="row">
                    <div class="col-md-4 col-sm-12"><img class="d-block w-100" src="https://in.bmscdn.com/showcaseimage/eventimage/super-30-10-07-2019-05-32-06-583.jpg" alt="1 slide"></div>

                    <div class="col-md-4 col-sm-12"><img class="d-block w-100" src="https://in.bmscdn.com/showcaseimage/eventimage/midori-with-pianist-ieva-jokubaviciute-05-07-2019-12-08-11-888.jpg" alt="2 slide"></div>

                    <div class="col-md-4 col-sm-12"><img class="d-block w-100" src="https://in.bmscdn.com/showcaseimage/eventimage/bade-miyan-deewane-10-07-2019-03-32-41-494.jpg" alt="3 slide"></div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="row">
                    <div class="col-md-4 col-sm-12"><img class="d-block w-100" src="https://in.bmscdn.com/showcaseimage/eventimage/mahabharata--the-epic-tale-10-07-2019-11-24-21-041.jpg" alt="4 slide"></div>
                    <div class="col-md-4 col-sm-12"><img class="d-block w-100" src="https://in.bmscdn.com/showcaseimage/eventimage/midori-with-pianist-ieva-jokubaviciute-05-07-2019-12-08-11-888.jpg" alt="5 slide"></div>
                    <div class="col-md-4 col-sm-12"><img class="d-block w-100" src="https://in.bmscdn.com/showcaseimage/eventimage/bade-miyan-deewane-10-07-2019-03-32-41-494.jpg" alt="6 slide"></div>
                </div>
            </div>
        </div>
    </div>
</div>

用于手机和箭头的自举轮播设计

0 个答案: