title: How to align elements within a well?
body: <p>I'm trying to align a button with some text in a well.</p>
  
  <p>This is the best I can get:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
               &lt;div class="well"&gt;&lt;h4&gt;Download our 2016 Registration form today!&lt;button type="btn" class="btn btn-default centered"&gt;Download Now!&lt;/button&gt;&lt;/h4&gt;
               &lt;/div&gt;
           &lt;/div&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS on the button:</p>
  
  <pre><code>btn {
  background-color: #FFF;
  outline-color: #000;
  }
  </code></pre>
  
  <p>With the above I can't seem to get a space between the h4 and the btn... They're so tight together, padding &amp; margin do not seem to help.</p>
  
  <p>Previously I tried inserting the h4 and btn into col-md-8 and col-md-6 respectively, to have their own space, but I could not get it to align horizontally.</p>
  
  <p>Then I read these posts on github <a href="https://github.com/twbs/bootstrap/issues/16933" rel="nofollow">https://github.com/twbs/bootstrap/issues/16933</a> .... <a href="https://github.com/twbs/bootstrap/issues/1446" rel="nofollow">https://github.com/twbs/bootstrap/issues/1446</a> ... Sounds like this issue has been around a while?</p>
  
  <p>I'm using a well as I want to keep the h4 and btn close and in a field of red to attract attention.</p>
  
  <p>Any help?</p>