Bootstrap 5 图文列表：文字浮动在图片上，带播放按钮

标题

文字描述

标题

文字描述

该代码展示了如何使用 Bootstrap 5 创建一个图文列表。

• 首先使用 Bootstrap 的栅格系统创建了两列布局，每列包含一个 card 元素。
• 在 card 元素内部，使用 position-relative 定位一个 div，用来包裹图片和文字。
• 使用 position-absolute 定位文字，将其放置在图片上方，背景色设置为黑色，透明度为 85%。
• 使用 Bootstrap 的图标库 bi bi-play-fill 创建了一个播放按钮，并使用 position-absolute 定位在文字的右下角。

需要注意的是，这里的播放按钮是一个链接，点击后需要跳转到相应的视频页面。如果需要在当前页面播放视频，可以使用第三方库如 plyr.js。