在 xs 设备上隐藏元素

Hide element on xs devices

我确定之前有人问过这个问题,但我在 Whosebug 或 React-bootstrap-site 上都找不到答案。

如何在 xs 设备上隐藏元素(例如),例如 xs-hidden?

仅在 xs rezolutions 上隐藏 class 是 hidden-xs

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

尝试: <Col xsHidden /> - and/or 其他常用的 bootstrap 值,例如mdHidden, lgHidden

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

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

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

基本上在大屏幕上占一半宽度,在屏幕尺寸 md、sm、xs 上占 0 宽度