Hide element on xs devices

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

I am using reactstrap. This works for me

<Col lg="6" className="d-none d-lg-block">

Basically takes half the width in large screens, and 0 width in screen sizes md, sm, xs

to hide only on xs rezolutions the class is hidden-xs

http://getbootstrap.com/css/#responsive-utilities

try: <Col xsHidden /> - and/or the other usual bootstrap values e.g. mdHidden, lgHidden