Hide element on xs devices

Question

I'm sure this has been asked before, but I cannot find the answer neither on StackOverflow or the React-bootstrap-site.

How do I hide an element ( for example) on xs devices, soemthing like xs-hidden?

Answer 1

For Bootstrap version 4 beta you will need to use <Col className="d-none d-sm-block"> to hide the columns on xs screens