bootstrap图片大小
时间: 2023-08-13 09:03:00 浏览: 426
bootstrap 图片预览
在 Bootstrap 中,可以使用以下类来设置图片的大小:
1. `.img-fluid`:将图像设置为响应式图像,使其自适应父容器的大小。这个类会让图片宽度最大为 100%,高度自适应。
2. `.img-thumbnail`:设置图像为缩略图,可以在图像周围添加一些圆角和边框。
3. `.w-*`:设置图像的宽度,其中 * 可以是 25、50、75、100、auto 等值。
4. `.h-*`:设置图像的高度,其中 * 可以是 25、50、75、100、auto 等值。
例如,要设置一个图像为响应式图像,并且宽度最大为 100%,可以给 img 标签添加 `class="img-fluid"`。如果要设置一个图像的宽度为 50%,可以给 img 标签添加 `class="w-50"`。同样的,如果要设置一个图像的高度为 75%,可以给 img 标签添加 `class="h-75"`。需要注意的是,如果同时设置了宽度和高度,图像可能会被拉伸或压缩,影响图像的质量。
阅读全文