bootstrap响应式网页图片
时间: 2023-06-15 12:04:40 浏览: 89
bootstrap设计的响应式图片拍摄网站
在Bootstrap中,可以使用以下类来使图片响应式:
1. `img-responsive`类:通过添加此类,可以使图像在不同大小的屏幕上自适应调整大小。
2. `img-fluid`类:这个类可以使图像在其容器中自适应大小,并且可以在父容器大小改变时自动调整大小。
以下是一个使用`img-responsive`类的示例:
```
<img src="your-image.jpg" alt="your image" class="img-responsive">
```
以下是一个使用`img-fluid`类的示例:
```
<div class="container">
<img src="your-image.jpg" alt="your image" class="img-fluid">
</div>
```
这将使图像在其容器中自适应大小,并且可以在父容器大小改变时自动调整大小。请注意,您需要将图像包装在一个容器中,以便该类可以正常工作。
阅读全文