image - odoo12：为不同的屏幕尺寸设置不同的图像

Question

我是为 Odoo 12 开发的新手，想知道如何为移动和非移动设备设置不同的图像。

在 Odoo 10（以前的版本）中，我可以使用类 'visible-md、visible-lg、visible-sm 和 visible-xs' 来控制它。但这已被弃用，我如何在 Odoo 12 中执行此操作？

Answer 1

Odoo 12 使用 Bootstrap 4。

因此，请使用以下课程使您的网页响应。

Bootstrap 4 网格系统有五个类：

.col- (extra small devices - screen width less than 576px)
.col-sm- (small devices - screen width equal to or greater than 576px)
.col-md- (medium devices - screen width equal to or greater than 768px)
.col-lg- (large devices - screen width equal to or greater than 992px)
.col-xl- (xlarge devices - screen width equal to or greater than 1200px)