我正在尝试使用图像叠加文字(在ap上方的H3)创建图像,并将此文字显示在左下角,而不会破坏该块并内联(我目前在代码中看到的内容)知道我是什么缺少,为什么这两个文本块元素变为内联并在底部并排显示?
<div class="col-4 p-0">
<img src="imgs/design.jpg" class="img-fluid">
<div class="card-img-overlay d-flex align-items-end">
<h4 class="card-title">What Next?</h4>
<p class="card-text">Is this the end?</p>
</div>
</div