Twitter bootstrap 如何根据显示的列数更改列宽？

以以下为例：

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

有时，DOM中不存在第二列。发生这种情况时，我希望第一列上的'md'属性为{12}

---

另一种说法是，我希望列是流动的，即当不存在同级列时占据行的全部宽度。

您可以这样做：

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

---

第一列将占用其他列（通过md、sm等）留下的任何空间。

您可以这样做：

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

第一列将占用其他列（通过md、sm等）留下的任何空间