hidden-xs-down is not working 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

自Bootstrap v4。x，所有的.hidden-类都被移除。如果你想只在xs

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