在 xs 设备上隐藏元素

Question

我确定以前有人问过这个问题，但是我在 StackOverflow 或 React-bootstrap-site 上都找不到答案。

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

Answer 1

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

Answer 2

我正在使用反应带。这对我有用

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

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

Answer 3

仅在 xs rezolutions 上隐藏该类是hidden-xs