如何在容器内放置 Swiper 滑块导航全宽滑块

如何解决如何在容器内放置 Swiper 滑块导航全宽滑块

如何在 bootstrap 容器中放置左右箭头

https://prnt.sc/10g4f2h ?

如果我将它们包裹在容器内，则高度为 0px。

        <section class="lead_slider">
            <div class="swiper-lead position-relative">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        slide 1
                    </div>
                    <div class="swiper-slide">
                        slide 2
                    </div>
                </div>
                <div class="container">
                    <!-- Add Arrows -->
                    <div class="swiper-button-next d-none d-lg-block"></div>
                    <div class="swiper-button-prev d-none d-lg-block"></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </section>