ui.bootstrap.accordion 无法使用 Bootstrap v4

Question

我尝试使用 https://angular-ui.github.io/bootstrap/#!#accordion 的手风琴，经过几个小时的尝试但没有得到想要的结果，我将 bootstrap 版本从 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>

附加信息：

• angular版本：1.6.4
• ui-bootstrap-tpls 2.5.0
• jquery 3.2.1
• bootstrap 4.0.0

可能是什么问题？

Answer 1

What could be the problem?

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