당신이 어떤 폭을 해결하기 위해 .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