小编And*_*zar的帖子

如何在 Bootstrap 4 中定位轮播指示器

我试图通过给出.carousel-indicatorsa来移动滑块图像下的指标,bottom: -50px;但指标只是消失了。现在我猜这与overflow:hidden滑块的有关,但我无法弄清楚。

这是我的代码:

<div id="slider" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#slider" data-slide-to="0" class="active"></li>
        <li data-target="#slider" data-slide-to="1"></li>
        <li data-target="#slider" data-slide-to="2"></li>
        <li data-target="#slider" data-slide-to="3"></li>
        <li data-target="#slider" data-slide-to="4"></li>
    </ol>

    <div class="carousel-inner">
        <div class="carousel-item active">
            <img class="d-block w-100" src="header.jpg">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="slider2.jpg">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="slider3.jpg">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="slider4.jpeg">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="slider5.jpeg">
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

和 CSS 在这里:

#slider {
    height: 350px; …
Run Code Online (Sandbox Code Playgroud)

css carousel twitter-bootstrap-4 bootstrap-4

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

bootstrap-4 ×1

carousel ×1

css ×1

twitter-bootstrap-4 ×1