如何在图像轮播上添加标题和文本

Question

我想在图像轮播中添加标题和文本。 当它写入 h1 或 p 标记时，文本会在文本下下降。 我想把它放在我的形象中间。 我正在使用引导框架。这是我的代码：

前面一个后面一个

Answer 1

请参阅此处的轮播标题的引导文档 - https://getbootstrap.com/docs/4.0/components/carousel/#with-captions

如果要将文本放在图像中间，请在 css 中更改/添加以下代码以进行轮播标题

 .carousel-caption { position: absolute; right: 15%; top: 45%; // this will help in placing the content in middle vertically left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }