css - Bootstrap 并排表单元素

Question

我正在尝试使用 bootstrap 3+ 将类似的布局与这张图片匹配。

除了在单选按钮旁边有文本框的“结束”部分外，我的所有功能都可以使用。有人可以帮我语法。

我在我所在的位置创建了一个 jsFiddle。 jsFiddle

<div class="form-group">
<label class="col-sm-2 control-label">Ends:</label>
<div class="col-sm-6">
  <label class="radio-inline">
<input type="radio" name="ends" id="endsAfter" value="EndsAfter"> After                     </label>
 <label>
    <input type="text" class="form-control" name="afterOccur" id="afterOccur" disabled> occurrences </label>
 </div>
</div>
<div cass="input-group">
<div class="col-sm-6">
  <label class="radio-inline">
    <input type="radio" name="ends" id="endsOn" value="EndsOn">On</label>
  <input type="text" class="form-control col-sm-4" name="onDate" id="onDate" disabled />
</div>
</div>

Answer 1

你如何通过从这里拖放表单元素来尝试在 bootstrap 上构建表单 http://bootsnipp.com/forms ，我想这将完全符合您的要求。

编辑:

从左向右拖动元素并查看 HTML。尝试在这里 build http://bootsnipp.com/j87klPolka/formbuilder3.html更清晰