反应带的装订线尺寸

Question

我正在尝试使用reactstrap创建3列的布局，定义的装订线大小为61px，每个列应填充容器。我似乎在文档中找不到任何内容。

谢谢。

Answer 1

如果我理解正确的问题，那么在Bootstrap中，您应该使用所需的值覆盖$grid-gutter-width变量。

3列代码如下：

<div class="row">
  <div class="col">
    1 of 3
  </div>
  <div class="col">
    2 of 3
  </div>
  <div class="col">
    3 of 3
  </div>

在React中，就像这样：

<Row>
  <Col>.col</Col>
  <Col>.col</Col>
  <Col>.col</Col>
</Row>

有关布局的更多信息-https://getbootstrap.com/docs/4.1/layout/grid/#how-it-works