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.

please show your code and there are many example for this issue — Shafiqul Islam, Nov 06 '17 at 11:35
https://stackoverflow.com/questions/16550485/hide-div-tag-on-mobile-view-only — Shafiqul Islam, Nov 06 '17 at 11:36
https://stackoverflow.com/questions/16922518/hide-div-on-mobile-devices-using-css — Shafiqul Islam, Nov 06 '17 at 11:36

score 1 · Accepted Answer · edited May 20 '19 at 15:18

1

In your JavaScript/jQuery code, add a line as follows:

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

768 is for all devices, and if you need to add for a certain device (iPhone), use device width.

edited May 20 '19 at 15:18

Peter Mortensen

answered Nov 06 '17 at 13:28

Vishwa

score 0 · Answer 2 · edited May 20 '19 at 15:19

0

You mean Bootstrap 4, not 5. Use Responsive utilities.

edited May 20 '19 at 15:19

Peter Mortensen

answered Nov 06 '17 at 11:43

Mohamed Binothman

2 Answers2