bootstrap怎么插入图片

如何在 Bootstrap 中插入图片

直接插入图片

在 Bootstrap 中，可以使用 HTML 的 img 标签直接插入图片：

@@##@@

使用 Bootstrap 图像组件

Bootstrap 提供了一个图像组件，可以提供响应式图片，并且能够设置边框、圆角、阴影和其他样式：

<div class="img-container">  @@##@@</div>

设置图片大小

使用 img-fluid 类可以使图片在不同设备和屏幕尺寸上响应式缩放：

@@##@@

设置边框

可以使用 img-bordered 类为图片添加边框：

@@##@@

设置圆角

可以使用 img-rounded 类为图片添加圆角：

@@##@@

设置阴影

可以使用 shadow 类为图片添加阴影：

@@##@@

调整图片大小和位置

可以使用 CSS 样式调整图片的大小和位置：

img {  width: 50%;  float: left;}

使用背景图片

可以使用 background-image CSS 属性将图片用作背景：

.my-class {  background-image: url("image.jpg");}