Bootstrap輸入框 - 需要更小的寬度

Question

我知道這已經被問過，但我的答案似乎不適用於我。 我正在尋找減少我的文本框的大小，並排列旁邊的選擇和一些文本。 這是我的代碼。

<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中。 http://www.bootply.com/NePcbYQqfm

預先感謝您！

Answer 1

試試這個：

<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> 

它將工作。