手机版如何隐藏元素

Question

我使用 React 和 Bootstrap 4。如何在移动版本中隐藏元素？

<Container fluid>
    <Row>
        <Col sm={12} md={3} hidden-xs-down>
    </Row>
</Container>

不起作用。

Answer 1

在您的 JavaScript/jQuery 代码中，添加如下一行：

if ($(window).width() < 768) {  
    $(.your-class-name).hide();
}

768适用于所有设备，如果需要为特定设备（iPhone）添加，请使用设备宽度。

Answer 2

您的意思是 Bootstrap 4，而不是 5。使用 Responsive utilities。