时间戳

首页 > 解决方案 > react-bootstrap 中的 Bootstrap 类 row-fluid

css - react-bootstrap 中的 Bootstrap 类 row-fluid

问题描述

row-fluid我想通过使用react-bootstrap来实现引导类的结果，但没有在库中获得标准方式。类似于Grid 组件的流体道具，但组件不支持此功能Row。

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

标签： cssreactjsbootstrap-4react-bootstrap

解决方案

我的主要目的是避免row班级的负边际，因此使用道具noGutters以true某种方式解决了我的问题。

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

根据.no-gutters 的文档：

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

另一种选择是将Container组件与fluidprop一起使用，就true好像这可以满足您的要求一样：

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

推荐阅读