How to add a button in accordion header in bootstrap 3.0/bootstrap-ui?

Question

I am trying to add a button to the accordion that has a dropdown menu but it doesn\'t seem to be working a:

1) button is too big so it goes past the accordions heade

Answer 1

Check my Plunker. There are some discussions about adding "dropdown-append-to-body" on angular.ui github issues. But till then this should do the trick:

.panel-group .panel {
      overflow: visible;
}

Also instead of float:right;, you can use pull-right class from bootstrap. Button groups also have classes for sizing such as btn-group-xs btn-group-sm. You should check the bootstrap components.