Picha za Bootstrap 5

图像形状

圆角

.rounded 类为图像添加圆角：

Mifano

Flower

Jaribu tena

圆形

.rounded-circle 类将图像塑造为圆形：

Mifano

Cinque Terre

Jaribu tena

缩略图

.img-thumbnail 类将图像塑造为缩略图（带边框）：

Mifano

Cinque Terre

Jaribu tena

对齐图像

使用 .float-start 类将图像向左浮动，或使用 .float-end 向右浮动：

Mifano

Jaribu tena

居中图像

为了使图像居中，我们通过向图像添加了 utility 类 .mx-auto (margin:auto) 和 .d-block (display:block)：

Mifano

Jaribu tena

响应式图像

图像有各种尺寸。屏幕也是如此。响应式图像会自动调整以适应屏幕尺寸。

通过将 .img-fluid 类添加到 标签来创建响应式图像。然后图像将很好地缩放到父元素内。

.img-fluid Class ya picha inatumika max-width: 100%; na height: auto; ：

Mifano

<img class="img-fluid" src="tiyugongyuan.jpg" alt="New York">

Jaribu tena