在xs设备上隐藏元素

Question

我确定之前已经问过这个问题，但我无法在StackOverflow或React-bootstrap网站上找到答案。

如何在xs设备上隐藏元素（例如），像xs-hidden一样？

Answer 1

仅隐藏在xs rezolutions上，该类为 hidden-xs

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

Answer 2

尝试： <Col xsHidden /> - 和/或其他常用的引导值，例如mdHidden，lgHidden

Answer 3

对于Bootstrap版本4 Beta，您将需要使用<Col className="d-none d-sm-block">隐藏xs屏幕上的列

Answer 4

我正在使用reactstrap。这对我有用

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

在大屏幕中，基本上占据一半的宽度，在md，sm，xs尺寸中，其宽度为0