Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何将滑块图像标题显示为引导4滑块标题_Php_Wordpress_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

Php 如何将滑块图像标题显示为引导4滑块标题

Php 如何将滑块图像标题显示为引导4滑块标题,php,wordpress,twitter-bootstrap,bootstrap-4,Php,Wordpress,Twitter Bootstrap,Bootstrap 4,我正在使用understrap主题(),它使用wordpress的引导。我试图在滑块图像上显示一些标题。我相信我需要根据Bootstrap 4文档添加此代码: <div class="carousel-caption d-none d-md-block"> <h5>...</h5> <p>...</p> </div> ... 现在我不知道我如何才能拉标题的图像显示在标题区。我相信我可以删除段落部分。 当我

我正在使用understrap主题(),它使用wordpress的引导。我试图在滑块图像上显示一些标题。我相信我需要根据Bootstrap 4文档添加此代码:

<div class="carousel-caption d-none d-md-block">
   <h5>...</h5>
   <p>...</p>
</div>

...

现在我不知道我如何才能拉标题的图像显示在标题区。我相信我可以删除段落部分。 当我为幻灯片图像添加标题时,它当前显示在图像旁边,没有任何标记。我想也许我可以添加html作为输入,所以我添加了图像标题

,而不仅仅是字段中的文本,但它不起作用。现在我看到,代码中浮动的标题如下:

<div class="carousel-item">Floating Title
<img width="1400" height="637" src="http://localhost/WebTest1/wp-content/uploads/2019/03/test-5.jpg" class="image wp-image-62  attachment-full size-full" alt="" style="max-width: 100%; height: auto;" srcset="http://localhost/WebTest1/wp-content/uploads/2019/03/test-5.jpg 1400w, http://localhost/WebTest1/wp-content/uploads/2019/03/test-5-300x137.jpg 300w, http://localhost/WebTest1/wp-content/uploads/2019/03/test-5-768x349.jpg 768w, http://localhost/WebTest1/wp-content/uploads/2019/03/test-5-1024x466.jpg 1024w" sizes="(max-width: 1400px) 100vw, 1400px"></div>
浮动标题

您应该按照参考链接中给出的bootstrap 4.0指南遵循滑块代码


这就是我所遵循并添加的代码。我看到html显示在幻灯片的正确位置。现在我的问题是如何让幻灯片图像标题显示在那里?