title: bootstrap accordian collapse chevron icon with additional buttons
body: <p>I'm using bootstrap panels with accordion collapse to tidy up my page layouts. Each collapsible panel features a chevron on the right hand side of the title bar to provide the usual visual clues to functionality.</p>
  
  <p>I want to add an button to the immediate left of the chevron, but I can't figure out how.</p>
  
  <p>I've created a <a href="https://jsfiddle.net/eLb20n2t/4/" rel="nofollow noreferrer">Fiddle</a> of my code to highlight the issue, but the panel header code is below.</p>
  
  <pre><code>&lt;div class="panel-heading"&gt;&lt;h4 class="panel-title"&gt;&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#TS0002-collapsePanel-1"&gt;My title&lt;/a&gt; &lt;/h4&gt;
    &lt;div class="input-group"&gt;
      &lt;div class="input-group-btn"&gt;
        &lt;button type="button" class="btn btn-info btn-xs"&gt;Save &lt;span class="glyphicon glyphicon-floppy-save"&gt;&lt;/span&gt;&lt;/button&gt;
      &lt;/div&gt;    
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've seen some examples of button groups on the right of panel headers, but the only examples of accordion collapse I've found use hrefs and I don't know how to merge the two. Any help would be gratefully received.</p>
  
  <p>Thanks.</p>