ui.bootstrap.accordion 不适用于 Bootstrap v4

Question

我尝试使用来自https://angular-ui.github.io/bootstrap/#!#accordion 的手风琴，经过数小时的尝试并没有得到预期的结果，我将引导程序版本从 4.0.0 更改为 3.0.0，一切都完美地显示出来。使用 v4，我得到了这个：

只有一些可点击的文本，如 href 标记。通过单击它，有时会显示内容，有时则不会。我用这个：

<uib-accordion close-others="oneAtATime">
<div uib-accordion-group class="mt-1" heading="Online friends" is-open="true">
</div>
<div uib-accordion-group class="mt-1" heading="Offline friends" is-open="false">
</div>
</uib-accordion>

附加信息：

• 角度版本：1.6.4
• ui-bootstrap-tpls 2.5.0
• jQuery 3.2.1
• 引导程序 4.0.0

可能是什么问题？

Answer 1

可能是什么问题？

Bootstrap 4 几乎是对 Bootstrap 3 的完全重写。

所以，这两个版本彼此完全不兼容。

您不能将 Bootstrap 3 代码与 Bootstrap 4 css 一起使用，反之亦然。

参考：

https://getbootstrap.com/docs/4.0/migration/

Bootstrap 4 手风琴文档：

https://getbootstrap.com/docs/4.0/components/collapse/#accordion-example