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