bootstrap添加图片
时间: 2023-08-05 07:06:30 浏览: 179
要在Bootstrap中添加图片,可以使用以下步骤:
1. 在HTML文件中添加图片标签`<img>`,并设置图片的src(图片的路径)和alt(图片的描述)属性。
```html
<img src="path/to/image.jpg" alt="描述图片的文字">
```
2. 将图片放在Bootstrap的网格系统中,以便在响应式布局中自适应调整大小。
```html
<div class="row">
<div class="col-md-6">
<img src="path/to/image.jpg" alt="描述图片的文字">
</div>
</div>
```
3. 如果需要添加一个响应式的图片,可以使用Bootstrap提供的`img-responsive`类。
```html
<img src="path/to/image.jpg" alt="描述图片的文字" class="img-responsive">
```
4. 如果需要添加一个圆形图片,可以使用Bootstrap提供的`img-circle`类。
```html
<img src="path/to/image.jpg" alt="描述图片的文字" class="img-circle">
```
5. 如果需要添加一个缩略图,可以使用Bootstrap提供的`img-thumbnail`类。
```html
<img src="path/to/image.jpg" alt="描述图片的文字" class="img-thumbnail">
```
通过以上步骤,就可以在Bootstrap中添加图片了。
阅读全文