React Bootstrap中的列宽

Question

在反应中，可以根据屏幕尺寸设置col宽度：

<Col xs={12} sm={4} md={4} lg={4}>

我遇到的问题是“我的父母”组件正在同时渲染两个子组件A和B。 A是一个表，其中包含每个表单元格（Child1，Child2等）中的其他组件。

如何根据父A的宽度而不是屏幕的宽度为Child1定义<Col>的宽度？

Answer 1

默认情况下，col宽度取决于父级的宽度

<Col xs={6}>
  <Col xs={6}>
    A
  </Col>
  <Col xs={6}>
    A
  </Col>
</Col>    
<Col xs={6}>
  <Col xs={6}>
    B
  </Col>
  <Col xs={6}>
    B
  </Col>
</Col>

将导致

A    A    B    B

请发布您的代码以及获得的结果，以帮助我们发现问题。