javascript - 三元素内联 Bootstrap

Question

我想将元素放入内联。

这是我的代码:

            <div class="form-group">
                <div data-bind="foreach: myList">
                    <label class="checkbox">
                        <input type="checkbox" id="" data-bind="value: Id(), attr: { id: Id() }, checked: $root.ids" />
                        <span style="padding-bottom: 15px; vertical-align: middle;" data-bind="text: t1()" />
                    </label>
                    <input type="text" class="form-control" value="TEST" />
                </div>
            </div>

现在看起来像:

复选框，标签

输入

我想将所有元素放在一行中，例如:复选框标签输入

复选框标签输入

复选框标签输入

Answer 1

您可以使用 Bootstrap 的 form-inline 类来做到这一点。

Working Example

<div class="form-inline">
  <div data-bind="foreach: myList">
    <div class="checkbox">
      <label>
        <input type="checkbox" id="" data-bind="value: Id(), attr: { id: Id() }, checked: $root.ids">
        <span style="padding-bottom: 15px; vertical-align: middle;" data-bind="text: t1()"></span>
      </label>
    </div>   
    <input type="text" class="form-control" value="TEST">
  </div>
</div>