Css 移动模式下的引导垂直对齐

我已经创建了这个，它显示了问题，下面是标记：

<div class="row">
  <div class="col-sm-4 xs-12">
    <strong>UK Postcode</strong>
  </div>
  <div class="col-sm-4 xs-12">
    <strong>Other Field</strong>
  </div>
</div>
<div class="row">
  <div class="col-sm-3 xs-12">
    <input class="form-input"/>
  </div>
  <div class="col-sm-1 xs-12">
    <strong>Or</strong>
  </div>
  <div class="col-sm-3 xs-12">
    <input class="form-input"/>
  </div>
</div>

英国邮政编码
其他字段
或

在储物箱中，除移动模式外，所有模式下的元素均正确对齐

在移动模式下，我希望它们垂直堆叠，但我不确定如何使

其他字段

标签显示在

或

标签下方以及移动模式下正确输入的上方

目前，在移动模式下看起来是这样的：

检查此项 你可以试试这样的

<div class="row">
  <div class="col-sm-3 xs-12">
    <label class="labels" for="fm1">UK Postcode</label>
    <input class="form-input"/ id="fm1">
  </div>
  <div class="col-sm-1 xs-12">
    <strong>Or</strong>
  </div>
  <div class="col-sm-3 xs-12">
  <label class="labels" for="fm2">Other Field</label>
    <input class="form-input" id="fm2">
  </div>
</div>

英国邮政编码
或
其他领域

检查此项 你可以试试这样的

<div class="row">
  <div class="col-sm-3 xs-12">
    <label class="labels" for="fm1">UK Postcode</label>
    <input class="form-input"/ id="fm1">
  </div>
  <div class="col-sm-1 xs-12">
    <strong>Or</strong>
  </div>
  <div class="col-sm-3 xs-12">
  <label class="labels" for="fm2">Other Field</label>
    <input class="form-input" id="fm2">
  </div>
</div>

英国邮政编码
或
其他领域

将HTML与一些引导程序的默认类一起更改为该格式

英国邮政编码
或
其他字段

将HTML与一些引导程序的默认类一起更改为该格式

英国邮政编码
或
其他字段

您知道如何在水平模式下使或与输入对齐吗？您知道如何在水平模式下使或与输入对齐吗？