html - 如何在 HTML/Bootstrap 中将标题文本添加到 img alt

Question

我在显示图像的 Bootstrap 中有以下代码:

<div class="work">
        <img class="anim" src="1.png" alt="Text1">
        <img class="anim" src="2.jpeg" alt="Text2">
        <img class="anim" src="3.jpeg" alt="Text3">
        <img class="anim" src="4.jpeg" alt="Text4">
    </div>

结果是这样的:

如何为每张图片添加一些标题/标题以描述每张图片的用途？

Answer 1

使用 Bootstrap 网格系统尝试此代码并使用 h3 插入图像标题

<div class="row">
     <div class="col-sm-6">
         <h3>Text</h3>
         <img class="anim" src="1.png" alt="Text1">
     </div>
     <div class="col-sm-6">
         <h3>Text</h3>`
         <img class="anim" src="2.png" alt="Text1">
     </div>
     <div class="col-sm-6">
         <h3>Text</h3>
         <img class="anim" src="3.png" alt="Text1">
     </div>
     <div class="col-sm-6">
         <h3>Text</h3>
         <img class="anim" src="4.png" alt="Text1">
     </div>
 </div>