Twitter bootstrap 3 引导形式水平垂直响应

我有一个简单的表单，希望它在中大型设备上是水平的，在使用twitter-bootstrap-3的小型设备上是垂直的

我让它工作灵敏，但它并没有在小型设备上切换到垂直样式。。那不可能吗

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-md-offset-1 col-md-10">
            <form method="POST" action="...url.." class="form-horizontal">
                <div class="form-group">
                    <label for="telefon" class="control-label col-xs-3">Telefon</label>
                   <div class="col-xs-8">
                       <input type="text" name="telefon" class="form-control">
                   </div>
                </div>
                <div class="form-group">
                    <label for="email" class="control-label col-xs-3">Email</label>
                    <div class="col-xs-8">
                        <input type="email" name="email" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-6">
                        <button type="submit" class="btn btn-primary">Save</button>
                    </div>
                </div>                    
            </form>
        </div> 
    </div>
</div>

电传
电子邮件
拯救

编辑： 我希望它在大屏幕上看起来像这样：

标签1：输入框1
标签2：输入框2

在这样的小屏幕上：

标签1：
输入框1
标签2：
输入框2

电传
电子邮件
拯救

刚刚意识到从来没有给出正确的答案。也许这很容易，但为了完成和所有在这方面遇到困难的人，这里有一个简单的答案：

<form method="POST" action="...something..." class="form-horizontal">

  <div class="form-group">
    <label for="" class="col-xs-12 col-sm-3 control-label">Name</label>
    <div class="col-xs-12 col-sm-9">
      <p class="form-control-static">John Muller</p>
    </div>
  </div>

  <div class="form-group">
    <label for="town" class="col-xs-12 col-sm-3 control-label">Town</label>
    <div class="col-xs-12 col-sm-9">
      <input type="text" name="town" class="form-control " placeholder="" value="New York">
    </div>
  </div>

  <div class="form-group">
    <label for="something" class="col-xs-12 col-sm-3 control-label">Something else</label>
    <div class="col-xs-12 col-sm-9">
      <input type="text" name="something" class="form-control " placeholder="" value="Got it">
    </div>
  </div>
</form>

名称
约翰·穆勒

城镇
别的

重要的部分是在标签上设置col-xs-12和col-sm-3，在输入上设置col-xs-12和col-sm-9

---

谢谢您的回复，但这不是我要找的。我只希望当屏幕变小时，标签在文本字段上切换。这正是我想要的，非常感谢。如果你把它粘贴为答案，我可以把它标记为正确的。对不起，我太快了：很接近，但不完全是。。我会在我的帖子里举个例子

<form method="POST" action="...something..." class="form-horizontal">

  <div class="form-group">
    <label for="" class="col-xs-12 col-sm-3 control-label">Name</label>
    <div class="col-xs-12 col-sm-9">
      <p class="form-control-static">John Muller</p>
    </div>
  </div>

  <div class="form-group">
    <label for="town" class="col-xs-12 col-sm-3 control-label">Town</label>
    <div class="col-xs-12 col-sm-9">
      <input type="text" name="town" class="form-control " placeholder="" value="New York">
    </div>
  </div>

  <div class="form-group">
    <label for="something" class="col-xs-12 col-sm-3 control-label">Something else</label>
    <div class="col-xs-12 col-sm-9">
      <input type="text" name="something" class="form-control " placeholder="" value="Got it">
    </div>
  </div>
</form>