react-bootstrap 中的 Bootstrap 类行流体答案

【问题标题】：Bootstrap class row-fluid in react-bootstrapreact-bootstrap 中的 Bootstrap 类行流体
【发布时间】：2019-03-14 22:01:27
【问题描述】：

我想通过使用react-bootstrap 来实现row-fluid 引导类的结果，但在库中没有得到标准方法。 fluid prop for Grid 组件之类的东西，但 Row 组件不支持此功能。

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

【问题讨论】：

【解决方案1】：

我的主要目的是避免 row 类的负边距，因此使用 prop noGutters as true 以某种方式解决了我的问题。

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

我们预定义的网格类中的列之间的间距可以是使用 .no-gutters 删除。这会从 .row 中删除负边距以及所有直接子列的水平填充。

另一个选择是使用 Container 组件和 fluid 属性作为 true 如果这满足您的要求，例如：

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

【讨论】：

如果它确实解决了你的问题，你应该接受这个答案
这更像是解决问题的一种变通方法，因此仍在寻找更好和适当的解决方案。
因此，您应该编辑您的问题，添加此代码并注意此代码并删除此答案。它还可以帮助你们发布一个功能齐全、具有“错误”行为的工作代码的最小示例（使用“sn-p”按钮 (CTRL-M) 这样做。
不能将此答案标记为“错误行为”或将其作为问题的一部分，因为目前这正在解决我的问题/问题。我只是在寻找任何可以更有效地回答我的问题的更好答案，否则如果没有得到更有价值的答案，可以将其标记为答案。