<Carousel.Item>
<Carousel.Caption>
<h3>AHJHSJ SHS</h3>
<p>Lorem ipsum dolor sit amet</p>
</Carousel.Caption>
</Carousel.Item>
但是,如果我洗掉 Carousel.Caption 標簽..那么“h3”和“p”標簽都會在瀏覽器上呈現。
uj5u.com熱心網友回復:
我相信您缺少 className 中的 {}
<Carousel.Item>
<Carousel.Caption className={"cap"}>
<h3>AHJHSJ SHS</h3>
<p>Lorem ipsum dolor sit amet</p>
</Carousel.Caption>
</Carousel.Item>
uj5u.com熱心網友回復:
問題是我試圖使用沒有影像標簽的 Carousel.Item。如果我不使用影像標簽,則標題不可見。
看起來字幕在影像頂部可見,如果沒有影像,則不會顯示任何內容。
下面的代碼可以正常作業:
<Carousel.Item>
<img
className="d-block w-100"
src={img}
alt="First slide"
/>
<Carousel.Caption>
<h3>First slide label</h3>
<p>Nulla aretra augue mollis interdum.</p>
</Carousel.Caption>
</Carousel.Item>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/380167.html
