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>

Bootstrap以无线电btn内联附加文本字段

1 个答案: