React-Bootstrap对齐具有不同大小的表单元素的列

Question

我正在构建一个redux-form，它跨越12列。

我有一些标签+文本框，跨越6列，有些跨越4列。我遇到的问题是，似乎不可能将那些在行上有3个的标签+文本框与在行上只有两个的那些对齐。我试过偏移，但它只是向右移动而不是离开。

从图片中可以看出它未对齐。

设置跨越6列的标签，使标签具有3和文本框9。

包括“状态”“郊区”和“邮政编码”在内的3个并排分别为4列，并分别设为3和9。

我尝试使用偏移即col-sm-offset，但这只会将标签+文本框向右推，而不是向左推。

如何将那些位于3的标签+文本框放在一行，以便文本框排成一行？