skip to Main Content

Are there any conflicts between Angular UI-Bootstrap and Twitter Bootstrap?

I am trying to avoid using jQuery-UI with AngularJS if a more Angular-friendly UI package is available. I already started with Twitter Bootstrap, so I do not wish to unload Twitter Bootstrap.



  1. No, there are no conflicts. Especially since ui-bootstrap is dependent on Twitter Bootstrap.

    From the linked docs:

    This repository contains a set of native AngularJS directives based on Bootstrap’s markup and CSS. As a result no dependency on jQuery or Bootstrap’s JavaScript is required. The only required dependencies are:

    AngularJS (requires AngularJS 1.3.x, tested with 1.3.13). 0.12.0 is the last version of this library that supports AngularJS 1.2.x.

    Bootstrap CSS (tested with version 3.1.1). This version of the library (0.13.0) works only with Bootstrap CSS in version 3.x. 0.8.0 is the last version of this library that supports Bootstrap CSS in version 2.3.x.

    Login or Signup to reply.
  2. If you are going all in on Angular then stick with either AngularStrap or Angular UI Bootstrap, do not mix it with Twitter Bootstrap JS library. Both of the Angular projects mentioned utilize the Bootstrap CSS, but they completely replace the Bootstrap JS library, with pretty much all functionality included.

    Apart from the unnecessary bloat to load both libraries, you’ll end up with issues integrating the Bootstrap JS library with Angular for stuff like model binding.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top