angularjs – 如何在bootstrap 3.0 / bootstrap-ui中的accordion header中添加一个按钮？

我正在尝试为带有下拉菜单的手风琴添加一个按钮,但它似乎没有工作：

1)按钮太大所以它超过了手风琴标题.
2)下拉菜单最终在手风琴标题/组内,而不是在其他所有内容之上.

解决这些问题的最佳方法是什么？我想要

以下是我的手风琴组代码：

<accordion-group is-open="true">
    <accordion-heading>
        <div class="btn-group" style="float:right;">
            <button type="button" class="btn btn-info">Info</button>
        </div>   
    </accordion-heading>
</accordion-group>

这篇文章是类似的,但我希望按钮位于标题的右侧,而不是紧挨着文本,这就是为什么我有一个浮点数：左边.

Angular UI accordion with buttons in the header part

解决方法

检查我的 Plunker.有一些关于在an​​gular.ui github问题上添加“dropdown-append-to-body”的讨论.但在此之前,这应该可以解决问题：

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

而不是float：right;,你可以使用bootstrap中的pull-right类.按钮组还有用于调整大小的类,例如btn-group-xs btn-group-sm.你应该检查bootstrap components.