title: Three elements inline bootstrap
body: <p>I would like to put elements inline.</p>
  
  <p>Here's my code:</p>
  
  <p>
              </p>
  
  <pre><code>            &lt;div class="form-group"&gt;
                  &lt;div data-bind="foreach: myList"&gt;
                      &lt;label class="checkbox"&gt;
                          &lt;input type="checkbox" id="" data-bind="value: Id(), attr: { id: Id() }, checked: $root.ids" /&gt;
                          &lt;span style="padding-bottom: 15px; vertical-align: middle;" data-bind="text: t1()" /&gt;
                      &lt;/label&gt;
                      &lt;input type="text" class="form-control" value="TEST" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Now It looks like: </p>
  
  <p>checkbox, label</p>
  
  <p>input </p>
  
  <p>I want to put all elements in one line like:
  checkbox label input</p>
  
  <p>checkbox label input</p>
  
  <p>checkbox label input</p>