Twitter bootstrap 3 引导输入框-需要较小的宽度

我知道以前有人问过这个问题，但我觉得答案似乎不适合我。 我希望缩小我的文本框的大小，并将其排列在一个选择和一些文本旁边。 这是我的密码

<div class="controls">
  <div class="btn-group">   
    <label class="btn btn-default">
      <input type="checkbox" name="blah" value="true">
      Title
      <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>5</option>
        <option>8</option>
      </select>
      <input class="form-control col-xs-1" placeholder="x" type="text" required="required">this should be beside the textbox. I also want the textbox to be small. One character small.
    </label> 
  </div>                                        
</div>

同样在bootply中。

提前谢谢你

试试这个：

<div class="controls">
 <div class="btn-group col-xs-4">   
 <label class="btn btn-default">
  <input name="blah" value="true" type="checkbox">
  Title
  <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>5</option>
    <option>8</option>
  </select>
  </label> 


  <input class="form-control input-sm" placeholder="x" required="required" type="text">this should be beside the textbox. I also want the textbox to be small. One character small.
 </div>
</div>

它会起作用的