如何隐藏移动版本中的元素

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。