title: Bootstrap Button Group with Float
body: <p>I'm trying to create a group some buttons and float them to the right of a div container:</p>
  
  <pre><code>&lt;div class="thumbnail"&gt;
    &lt;div class="caption"&gt;
      &lt;p&gt;Here is some blurb...&lt;/p&gt;
      &lt;div class="button-group pull-right"&gt;
            &lt;button class="btn btn-danger btn-xs"&gt;&lt;span class="glyphicon glyphicon-trash"&gt;&lt;/span&gt;&lt;/button&gt;
              &lt;button class="btn btn-success btn-xs"&gt;&lt;span class="glyphicon glyphicon-home"&gt;&lt;/span&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see from this fiddle the buttons break-out of the div when I apply float-right:</p>
  
  <p><a href="https://jsfiddle.net/xa9wvouc/6/" rel="nofollow noreferrer">https://jsfiddle.net/xa9wvouc/6/</a></p>
  
  <p>I could set the caption to have a min0height but that feels like a hack? What is the correct way to achieve this goal.</p>