PHP前端开发

bootstrap怎么引入图片

百变鹏仔 1个月前 (11-13) #bootstrap
文章标签 图片
使用 bootstrap 引入图片有两种常用方法:使用 元素指定 src 属性;使用 img-fluid 类使图片适应容器宽度。

如何使用 Bootstrap 引入图片

Bootstrap 提供了多种方式来引入图片,这里介绍两种最常用的方法:

使用 img 元素

这是最直接的方法,只需要使用 元素,并指定 src 属性指向图片的路径即可。例如:

@@##@@

使用 img-fluid 类

Bootstrap 提供了 img-fluid 类,可以让图片自动适应容器的宽度。要使用此方法,需要在 元素上添加 img-fluid 类。例如:

@@##@@

其他选项

除了上述两种方法外,Bootstrap 还提供了其他选项来控制图片的外观:

提示