如何在移动版中隐藏元素

Question

我用的是React，Bootstrap 4.移动版怎么隐藏元素？

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

无效。

Answer 1

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

Answer 2

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

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

768是针对所有设备，如果需要为某个设备（iPhone）添加，使用设备宽度.

How to hide the element in the mobile version