软包装;包装物品拉伸

Question

使用ReactStrap（即Bootstrap 4.3.1）以及我的一生，我似乎无法获得flex wrap和项目以符合我的期望。我在父级flexWrap和子级alignItems上都尝试过justifyContent，<Row>，<Col>的许多迭代。

以下是每个<Col className="col-6">

在桌面上的反应式布局

这是它在垂直移动设备中如何流动的一种方式（其他时间C位于其行的中心，其他时间则向右对齐，等等）：

以及我希望孩子C出演的方式：

感谢任何指针/提示。