Bootstrap 3 兼容当前的 AngularJS bootstrap 指令吗?
Bootstrap 3 兼容当前的 AngularJS bootstrap 指令吗?
Bootstrap 3.0.0的发布是否与当前的AngularJS Bootstrap指令兼容？
我想使用AngularJS的Bootstrap 2.3.1指令：
http://angular-ui.github.io/bootstrap/
使用Bootstrap 3.0.0的CSS：
https://github.com/twitter/bootstrap/tree/3.0.0-wip/
为什么？
AngularJS团队还在为v2.3.1开发JS指令，需要时间来适应v3.0.0。我想现在开始使用v3的CSS网格语法。
问题的出现原因：原文中提到作者想要将AngularJS和Bootstrap 3用于移动开发，但是在整合bootstrap.js时遇到了困难。作者试图通过一种不同的方式来解决这个问题，而不是逐个组件地复制bootstrap.js的行为。作者创建了两个通用的指令，通过事件进行通信，以同步两个或多个DOM节点的活动/非活动状态。通过类反映状态，这些指令能够复制几乎所有基本的bootstrap.js组件交互。所以，对于大多数常见的应用，只需要引入bootstrap 3的css和这几行js代码即可获得几乎所有boostrap 3的功能。
解决方法：作者提供了示例代码和相应的文档，以展示如何使用这些指令来创建基本的bootstrap.js组件，例如标签页、手风琴、折叠面板、模态框和下拉菜单。作者还提到，这种方法适用于bootstrap 2和3，并且不依赖于bootstrap的标记。
代码示例：
Tab 1
Tab 2
Tab 3
问题的出现原因是因为AngularJS bootstrap指令与Bootstrap 3不兼容。AngularJS bootstrap项目并不依赖于Bootstrap的JavaScript，而是使用原生的AngularJS指令来实现轻量级且与AngularJS生态系统良好集成的功能。唯一与Bootstrap项目保持一致的是Bootstrap的标记和CSS。
解决方法是根据Bootstrap 3的标记和CSS来更新AngularJS bootstrap指令的模板，以适应Bootstrap 3。可以通过浏览https://github.com/angular-ui/bootstrap/tree/master/template中的模板来了解如何更新标记而不影响JavaScript代码。如果发现任何问题，可以更新模板以适应Bootstrap 3，并将其贡献回项目。
另外，如果需要重命名指令，可以查看ui-alias项目：github.com/angular-ui/alias。
有一个专门的分支用于Bootstrap 3，其中包含更新后的模板：github.com/angular-ui/bootstrap/tree/bootstrap3_bis2。
从版本0.9.0开始，AngularJS bootstrap直接支持Bootstrap 3！
Bootstrap 3和当前的AngularJS Bootstrap指令兼容吗？
近期有一项待处理的拉取请求，其中包含了解决Bootstrap 3.0和AngularUi指令之间大部分问题的修复：
https://github.com/angular-ui/bootstrap/pull/742
原因：在使用Bootstrap 3.0和当前的AngularJS Bootstrap指令时，存在一些兼容性问题，需要进行修复。
解决方法：通过该拉取请求（pull request）的修复，可以解决Bootstrap 3.0和AngularUi指令之间的兼容性问题。
代码：
https://github.com/angular-ui/bootstrap/pull/742