angularjs – 如何在bootstrap 3.0 / bootstrap-ui中的accordion

发布时间：2020-12-17 17:45:21 所属栏目：安全来源：网络整理

导读：我正在尝试为带有下拉菜单的手风琴添加一个按钮,但它似乎没有工作： 1)按钮太大所以它超过了手风琴标题. 2)下拉菜单最终在手风琴标题/组内,而不是在其他所有内容之上. 解决这些问题的最佳方法是什么？我想要以下是我的手风琴组代码： accordion-group is-op

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

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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!