怎么在<div class=“col-md-4”> <img src=“https://via.placeholder.com/150” class=“rounded-circle img-thumbnail” alt=“头像”> </div> 中插入图片并调整形状

在这个Bootstrap框架的`<div class="col-md-4">`布局中插入图片，并将其调整成圆角矩形（"rounded-circle"），你可以这样做：

<div class="col-md-4">
  <img src="https://via.placeholder.com/150" alt="头像"
       class="rounded-circle img-4">`: 这是一个12列等分网格系统中的一个单元格，在md（medium，平板电脑及以上设备）屏幕尺寸上占一列。
- `<img>`标签: 描述图像内容，`src`属性指定图片源，`alt`属性提供当图片无法显示时的文字描述。
- `class="rounded-circle"`: 这个CSS类会使图片呈现圆形边缘，`img-rounded`是Bootstrap的旧版本名称，新版本建议使用`border-radius: 50%`直接在`.img-thumbnail`类里设置。
- `class="img-thumbnail"`: 这个类是Bootstrap内置的，会自动添加边框、内间距和最大尺寸，适合在一个较小的容器里显示图片。
- `class="img-responsive"`: 这个类使得图片在不同的屏幕大小下都能保持相对的比例缩放，适应不同的容器。

如果要在JavaScript中动态调整图片，可以使用类似这样的代码（例如，点击按钮时将图片变大）:

document.getElementById('myImage').classList.add('zoomed');

这里假设有一个id为`myImage`的img元素。