为什么字幕文本在轮播中不可见？

Question

Screen shot of bootstrap example from https://v4-alpha.getbootstrap.com/examples/carousel/#myCarousel

我正在尝试为我的网站使用类似的代码，但似乎无法弄清楚这里发生了什么。它也发生在他们的网站上。当我尝试在小屏幕上查看时，旋转木马内的标题文本消失。

Answer 1

由于CSS媒体查询规则，它隐藏了某些断点的标题。

我查看了Bootstrap的网页，代码如下：

<div class="carousel-caption d-none d-md-block">
    <h3>First slide label</h3>
    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>

CSS：

@media (min-width: 768px) {
  .d-md-block {
     display: block!important;
  }
}

.d-none {
     display: none!important;
}