Javascript 引导4旋转木马标题在调整大小时消失

使用引导4。从本质上说，我有一个旋转木马，它在一系列不同的项目特性中循环（带有标题的GIF）。我有下面的标题是基于其他地方的一些代码

在中/大屏幕上可以完美地工作，但一旦我变得太小，字幕就会完全消失。如何在较小的屏幕上保留标题

<div class = "carousel-inner">
<div class = "carousel-item active">
  <img class = "d-block carousel-image" src = "assets/translate-trimmed.gif" alt = "GIF of Sketchy translating objects.">
  <div class = "carousel-caption d-none d-md-block">
     <h5 class = "feature-name">Translate</h5>
     <p class = "feature-detail">
        Using the "Select Shape" option, user can move shapes around the canvas. Translation is controlled by dragging the mouse across the screen.
     </p>
  </div>
</div>
<div class = "carousel-item">
  <img class = "d-block carousel-image" src = "assets/raise-lower-trimmed.gif" alt = "GIF of Sketchy raising/lowering layers.">
  <div class = "carousel-caption d-none d-md-block">
     <h5 class = "feature-name">
        Raise/Lower
     </h5>
     <p class = "feature-detail">
        The "Raise" and "Lower" buttons can move shapes up or down in the list of layers. Layers are preserved even after saving/loading.
     </p>
  </div>
</div>

---

回答了我自己的问题！需要从类“carousel caption”的每个div中删除d-md-block和d-none。有关更多信息，请参阅。

您能编一个片段或小提琴吗？这是一把小提琴！没有图像，因为我不能主持。

.carousel-item .carousel-caption {
 position: static;
 padding-top: 20px;
 padding-bottom: 20px;
 text-align: center;
   margin-bottom: 10px;
}

Any ideas? I can provide more code but the project is pretty long and I don't think anything else is messing with it.