Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
122
rated 0 times [  127] [ 5]  / answers: 1 / hits: 64623  / 11 Years ago, wed, may 1, 2013, 12:00:00

Will bootstrap 3 release be compatible with current AngularJS bootstrap directives?



I want to use Bootstrap 2.3.1 directive with AngularJS:



http://angular-ui.github.io/bootstrap/



With the Bootstrap 3.0.0 CSS:



https://github.com/twitter/bootstrap/tree/3.0.0-wip/



Why?



AngularJS team is still working on JS directives for v2.3.1 and will need time to catch up to v3.0.0. I want to start using v3 CSS grid syntax now.



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


More From » css

 Answers
5

So, the http://angular-ui.github.io/bootstrap/ project does not depend on Bootstrap's JavaScript (it is not wrapping it, not requiring etc.). Those are native AngularJS directives written from the ground-up to be lightweight and well integrated into the AngularJS ecosystem.



The only adherence to the Bootstrap project is Bootstrap's markup (HTML) and CSS.



If you ask a question can I grab all the directives and use them with Bootstrap 3.0 the answer is it depends. It really depends if and how much Bootstrap 3.0 decide do change its markup and corresponding CSS classes. I would presume that markup of some controls have changed and not for some others.



Now, the very good news with http://angular-ui.github.io/bootstrap/ is that most of the HTML markup and CSS classes are encapsulated in separate AngularJS templates. In practice it means that you can grab the JavaScript code of the directives and only change markup (templates) to fit into Bootstrap 3.0.



All the templates are located here:
https://github.com/angular-ui/bootstrap/tree/master/template
and by browsing them you should get an idea that it is pretty simple to update markup without messing with JavaScript. This is one of the design goals of this project.



I would encourage you to simply give it a try and see how CSS of Bootstrap 3.0 works with the existing directives and templates. If you spot any issues you can always update templates to Bootstrap 3.0 (and contribute them back to the project!)


[#78483] Tuesday, April 30, 2013, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
tina

Total Points: 91
Total Questions: 106
Total Answers: 104

Location: Vanuatu
Member since Fri, May 13, 2022
2 Years ago
tina questions
;