title: Add space between input and button in bootstrap
body: <p>I am using bootstrap 3 and have this HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="container body-content"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-6"&gt;
                  &lt;label class="control-label" for="parameterValue"&gt;sdsd&lt;/label&gt;
                  &lt;div class="input-group"&gt;
                      &lt;input class="form-control" type="text" name="parameterValue" placeholder="Enter a value..." /&gt;
                      &lt;span class="input-group-btn"&gt;&lt;button class="btn btn-default btn-success"&gt;Update&lt;/button&gt;&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;label class="control-label" for="parameterValue"&gt;sdsd&lt;/label&gt;
                  &lt;div class="input-group"&gt;
                      &lt;input class="form-control" type="text" name="parameterValue" placeholder="Enter a value..." /&gt;
                      &lt;span class="input-group-btn"&gt;&lt;button class="btn btn-default btn-success"&gt;Update&lt;/button&gt;&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;button class="btn btn-default btn-primary" data-bind="click: $root.completeStep"&gt;Complete Step&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/samholder/jx57u8hs/1/">fiddle</a></p>
  
  <p>I want the final button to be spaced away vertically from the <code>input-group</code> div and not touching it.</p>
  
  <p>An example I found using a form has the button spaced out: <a href="http://jsfiddle.net/samholder/juoz59dr/">fiddle</a> </p>
  
  <p>and this is how I'd like my button. How can I get that?</p>