Reactstrap 的 col-0 在 NextJS 12 中没有按预期工作

Question

刚刚安装了 NextJS 12，我正在开发一个小应用程序，但是当我想使用大小为 0 的 Col 时，它无法按预期工作，这是我的 JSX 代码：

<Container>
  <Row>
      <Col xs="0">hello</Col>
    <Col>world</Col>
  </Row>
</Container>

这是我得到的结果：

这是我的依赖项：

这是我的进口商品：

这里是为检查元素生成的 CSS :

我不知道这是某个库中的错误还是我的错误

Answer 1

这似乎是 bootstrap 5 包中的错误，目前我已经通过将 bootstrap 版本从 5 降级到 4.1

找到了解决方案

对于纱线：

yarn add bootstrap@4.1

对于 NPM：

npm i bootstrap@4.1

Reactstrap's col-0 doesn't work as expected in NextJS 12