Bootstrap表单标签宽度

Question

在sm视图捕捉标签重叠表单之前，我有一个嵌套在div.container col-sm-4中的引导程序表单。我只能更改标签的col大小，但标签会随jquery而改变。

如何避免这种重叠？

http://codepen.io/lpoulter/pen/vzrmk

<div class="container area col-sm-4" id="settingsArea" >
  <form class="form-horizontal" id="settingsForm" role="form">
  <div class="form-group">
    <label for="labelRename" class="col-sm-2 control-label">Question</label>
    <div class="col-sm-9">
      <input id="labelRename" name="labelRename" placeholder="Type your question" type="text" class="form-control">
    </div>
  </div>
</form>