Twitter bootstrap 内联表单>&燃气轮机；移动分辨率的水平形式

我希望有两个表单元素内联用于桌面分辨率，但在手机分辨率上，它确实会破坏外观。如果检测到手机分辨率，有没有一种简单的方法可以将下面的代码从内联代码中分离出来进行堆叠

<form class="form-inline">
  <div class="form-group">
    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
    <div class="input-group">
      <div class="input-group-addon">$</div>
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
      <div class="input-group-addon">.00</div>
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Transfer cash</button>
</form>

金额（美元）
$
.00
转帐现金

我们可以在超小型设备上使用两列来实现这一点。

我将表单包装在

容器

div中。
我为超小型设备添加了两列大小为6的单行。
并且我向按钮添加了自定义类

btn sm块

，以使其在小型设备上具有全宽

@媒体和全部（最大宽度：768px）{
.btn sm块{
宽度：100%；
显示：块；
}
}

金额（美元）
$
.00
转帐现金