hidden-xs-down 无法正常工作 React bootstrap

Question

我试图在移动屏幕上隐藏一些列，但由于某种原因它不起作用。这是我的代码：

 <Row>
            <Col className="col-md-2">Route Image</Col>
            <Col className="col-md-3">
                <Row>
                    <Col>Route Name</Col>
                </Row>
                <Row>
                    <Col>Route Location</Col>
                </Row>
            </Col>
            <Col className="col-md-3 hidden-xs-down">Route Difficulty</Col>
            <Col className="col-md-2 hidden-xs-down">Route Length</Col>
            <Col className="col-md-2 hidden-xs-down">View Details</Col>
        </Row>

有人可以告诉我我做错了什么吗？

Answer 1

Since Bootstrap v4.x，所有.hidden-类已被删除。如果你只想在 xs

上隐藏你的元素，你应该使用 d-none .d-sm-block

hidden-xs-down 无法正常工作 React bootstrap

hidden-xs-down is not working React bootstrap

twitter-bootstrap

reactjs

react-bootstrap