Bootstrap 3与当前的AngularJS bootstrap指令兼容吗？

Question

bootstrap 3版本是否与当前的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网格语法.

https://github.com/angular-ui/bootstrap/issues/331

Answer 1

因此,http://angular-ui.github.io/bootstrap/项目不依赖于Bootstrap的JavaScript(它不包装它,不需要等).这些是原生的AngularJS指令,从头开始编写为轻量级并且很好地集成到AngularJS生态系统中.

Bootstrap项目的唯一依从性是Bootstrap的标记(HTML)和CSS.

如果你问一个问题"我可以获取所有指令并使用它们与Bootstrap 3.0",答案是"它取决于".这取决于Bootstrap 3.0决定是否以及多少更改其标记和相应的CSS类.我认为某些控件的标记已经改变而不是其他一些控件.

现在,http://angular-ui.github.io/bootstrap/的好消息是,大多数HTML标记和CSS类都封装在单独的AngularJS模板中.实际上,这意味着您可以获取指令的JavaScript代码,只更改标记(模板)以适应Bootstrap 3.0.

所有模板都位于这里:https: //github.com/angular-ui/bootstrap/tree/master/template ,通过浏览它们,您应该知道更新标记非常简单而不会弄乱JavaScript.这是该项目的设计目标之一.

我鼓励你简单地尝试一下,看看Bootstrap 3.0的CSS如何与现有的指令和模板一起使用.如果发现任何问题,您可以随时将模板更新到Bootstrap 3.0(并将它们返回给项目!)

Answer 2

还有一个挂起请求,包含Bootstrap 3.0和AngularUi指令的大多数问题的修复:

https://github.com/angular-ui/bootstrap/pull/742