title: How to add a button in accordion header in bootstrap 3.0/bootstrap-ui?
body: <p>I am trying to add a button to the accordion that has a dropdown menu but it doesn't seem to be working a:</p>
  
  <p>1) button is too big so it goes past the accordions header. 
  2) The dropdown menu ends up inside the accordion header/group and not on top of everything else.</p>
  
  <p>What is the best way to fix these? I want</p>
  
  <p>The following is my code for the accordion group:</p>
  
  <pre><code>&lt;accordion-group is-open="true"&gt;
      &lt;accordion-heading&gt;
          &lt;div class="btn-group" style="float:right;"&gt;
              &lt;button type="button" class="btn btn-info"&gt;Info&lt;/button&gt;
          &lt;/div&gt;   
      &lt;/accordion-heading&gt;
  &lt;/accordion-group&gt;
  </code></pre>
  
  <p>This post is similar, but I want the buttons to be on the right of the header instead of being right next to the text, which is why I have a float:left. </p>
  
  <p><a href="https://stackoverflow.com/questions/18930322/angular-ui-accordion-with-buttons-in-the-header-part">Angular UI accordion with buttons in the header part</a></p>