將文本輸入添加到內嵌單選按鈕

Question

將簡短文本INPUT添加到一行內嵌單選按鈕的Bootstrappy方式是什麼？

我試過在單選按鈕列表右邊的<div class="col-xs-2">環繞，但是它將它放入它自己的網格空間當然。

這裏是我的bootply嘗試了幾個變種，其中沒有得到一個文本字段的期望的結果內嵌水平電臺：http://www.bootply.com/95891

那種-作品上設置明確的像素寬度的唯一的事INPUT，但不會保留在內聯行中，因爲表單的大小更小。

Answer 1

你可以使用.form-inline，那麼你將不會解決任何寬度你input:text：

<div class="container"> 
    <form class="form-inline" role="form"> 
    <div class="form-group"> 
     <label class="control-label">Amount</label> 
    </div> 
    <div class="form-group"> 
     <div class="radio"> 
     <label class="radio-inline control-label"> 
      <input type="radio" id="amount_25" name="amount" value="25" checked=""> 
      $25.00 
     </label> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="radio"> 
     <label class="radio-inline control-label"> 
      <input type="radio" id="amount_50" name="amount" value="50"> 
      $50.00 
     </label> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="radio"> 
     <label class="radio-inline control-label"> 
      <input type="radio" id="amount_100" name="amount" value="100"> 
      $100.00 
     </label> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="radio"> 
     <label class="radio-inline control-label"> 
      <input type="radio" id="amount_other" name="amount" value="Other: $"> 
      Other: $ 
     </label> 
     </div> 
    </div> 
    <div class="form-group"> 
     <input placeholder="Amount" type="text" class="form-control" id="amount_actual" name="amount_actual" maxlength="5" data-rule-required="true" contenteditable="false"> 
    </div> 
    </form> 
</div> 

Bootply