如何添加自举3.0 /引导的UI手风琴头一个按钮？ [英] How to add a button in accordion header in bootstrap 3.0/bootstrap-ui?

问题描述

我想一个按钮添加到，有一个下拉菜单手风琴，但它似乎没有可正常工作的：

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）按钮太大如此这般过去手风琴头。
2）下拉菜单手风琴头/组内结束，而不是一切之上。

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.

什么是解决这些的最佳途径？我想

What is the best way to fix these? I want

以下是我的code手风琴组：

The following is my code for the accordion group:

<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>

这帖子是相似的，但我想的按钮是在标题的右边，而不是被旁边的文字，这就是为什么我有一个浮动：左。

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.

<一个href=\"http://stackoverflow.com/questions/18930322/angular-ui-accordion-with-buttons-in-the-header-part\">Angular UI手风琴与在报头部分按钮

推荐答案

检查我的 Plunker 。大约有加入下拉列表中，追加到身体关于angular.ui github上的一些问题进行讨论。但直到那么这应该做的伎俩：

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;
}

此外，而不是浮动：权利; ，您可以使用右拉类从引导。按钮组也有类如 BTN-组-XS BTN-组-SM 尺寸等。您应该检查引导组件的。

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.

这篇关于如何添加自举3.0 /引导的UI手风琴头一个按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！