如何根據存在的列數更改列寬？

Question

以下面的reactstrap示例為例：

       <Container fluid>
        <Row>
          <Col md={4}>
            <TodoAdd />
          </Col>
          <Col md={8}>
            <TodoList />
          </Col>
        </Row>
      </Container>

有時，第二列不在DOM中。 發生這種情況時，我希望第一列的'md'屬性為{12}。

換一種說法，我希望列保持流暢，即當不存在同級列時占用行的整個寬度。

Answer 1

您可以這樣做：

  <Container fluid>
    <Row>
      <Col>
        <TodoAdd />
      </Col>
      <Col md={8}>
        <TodoList />
      </Col>
    </Row>
  </Container>

第一列將占用其他提到的大小（通過md，sm等）剩下的列所占用的空間。