react-bootstrap中的Bootstrap类行流体

Question

我想row-fluid通过使用react-bootstrap来获得bootstrap类的结果，但是没有在库中获得标准方法。诸如Grid组件的流体道具之类的东西，但组件不支持Row。

我尝试浏览https://react-bootstrap.github.io/layout/上的文档，但没有得到任何重要帮助。

Answer 1

我的主要目的是避免出现row上课的负面情况，因此使用prop noGutters可以true解决我的问题。

<Row noGutters={true}>
  ...
</Row>

根据.no-gutters的文档：

可以使用.no-gutters删除预定义网格类别中列之间的装订线。这将删除.row的负边距和所有直接子列的水平边距。

另一个选择是将prop与Containercomponent一起使用，fluid就true好像这满足了您的要求：

<Container fluid={true}>
  ...
</Container>