twitter-bootstrap - How to hide the element in the mobile version

Question

I use React and Bootstrap 4. How do I hide the element in the mobile version?

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

does not work.

Answer 1

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

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

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

Answer 2

您的意思是 Bootstrap 4，而不是 5。使用响应式实用程序。