css - Bootstrap 附加一个带有单选按钮的内联文本字段

Question

我正在寻找一种方法来附加一个带有单选按钮的内联文本字段，我目前正在使用 Boostrap。如果有人为此目的知道一个特定的类，那将不胜感激。

我目前的方法总是错位，文本框就在单选按钮下面，这是我不想要的。

JSFiddle 在这里。 http://jsfiddle.net/fs85eedu/

      <div class="radio">
            <label class="control-label">
                <input type="radio" name="radioname" id="radioid" class="radio_class">
                <label>text here</label>
                   <div class='row'>
                     <div class="col-md-5">
                       <input type="text" id="q4_c_1_2" name="q4_c_text" placeholder="Enter role/titile" class="form-control">
                     </div>
                   </div>
                </label>    
        </div>

Answer 1

也许是这样的。只需将两个控件放在同一 row 中即可。

<div class="radio">
    <div class='row'>
        <div class="col-md-2">
            <label class="control-label"></label>
            <input type="radio" name="radioname" id="radioid" class="radio_class">
            <label>text here</label>
        </div>    
        <div class="col-md-3">
            <input type="text" id="q4_c_1_2" name="q4_c_text" placeholder="Enter role/titile" class="form-control">
        </div>
    </div>
</div>