反应引导程序中的文本"Carousel.Caption"不可见

Question

<Carousel.Item>
<Carousel.Caption>
<h3>AHJHSJ SHS</h3>
<p>Lorem ipsum dolor sit amet</p>
</Carousel.Caption>
</Carousel.Item>

但是，如果我删除了Carousel.Caption标签。。则两个"；h3"；以及"；p〃；标签正在浏览器上呈现。

Answer 1

我相信您缺少className 中的｛｝

<Carousel.Item>
<Carousel.Caption className={"cap"}>
<h3>AHJHSJ SHS</h3>
<p>Lorem ipsum dolor sit amet</p>
</Carousel.Caption>
</Carousel.Item>

Answer 2

问题是我试图使用没有image标记的Carousel.Item。如果我不使用图像标签，标题就看不见了。

看起来字幕在图像顶部可见，如果没有图像，则不会显示任何内容。

以下代码将正常工作：

<Carousel.Item>
<img
className="d-block w-100"
src={img_path}
alt="First slide"
/>
<Carousel.Caption>
<h3>First slide label</h3>
<p>Nulla aretra augue mollis interdum.</p>
</Carousel.Caption>
</Carousel.Item>