我无法在转盘下显示我的文字

Question

我正在尝试学习Bootstrap 4，并且努力使我的h2文本显示在轮播下。

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

<!--------->
    <div class="container-fluid padding">
        <div class="row text-center">
            <div class="col-12">
                <h2 class="display-4">
                    *text*
                </h2>
            </div>
        </div>
    </div>

仅相关CSS

.carousel-inner> #imageSize{
    height: 450px;
    width: 100%;
}

Answer 1

您需要在container-fluid类中增加高度

  .container-fluid{
     height: 10rem;
  }

查看jsFiddle链接以查看实现https://jsfiddle.net/ykxt4qzd/