bootstrap图片自适应大小

Bootstrap提供了多种方式来实现图片自适应大小：

1. 使用img-fluid类：将img标签的class属性设置为"img-fluid"，即可让图片自适应父容器的大小。例如：

   <img src="example.jpg" class="img-fluid" alt="Example">

2. 使用响应式图片：Bootstrap提供了多种响应式图片类，可以根据不同的屏幕大小显示不同的图片大小。例如：

   <img src="example.jpg" class="img-responsive" alt="Example">

该类已经被废弃，建议使用img-fluid类。

3. 使用容器类：将图片包裹在一个容器中，然后将容器的宽度设置为百分比。例如：

   <div class="container">
     <img src="example.jpg" class="img-responsive" alt="Example">
   </div>

在这种情况下，图片将自适应容器的大小。

4. 使用媒体查询：使用CSS媒体查询来在不同的屏幕大小下设置不同的图片大小。例如：

   @media (max-width: 768px) {
     img {
       max-width: 100%;
     }
   }

在这种情况下，图片将在屏幕宽度小于768px时自适应父容器的大小。

以上方法可以根据具体情况选择使用。