Prev Page
Next Page  
Bootstrap Transitions
The bootstrap simple transition effects, include transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js. 

What's inside

Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator. It's used by the other plugins to check for CSS transition support and to catch hanging transitions.

Disabling transitions

Transitions can be globally disabled using the following JavaScript snippet, which must come after transition.js (or bootstrap.js or bootstrap.min.js, as the case may be) has loaded :

$.support.transition = false
Use Cases

A few examples of the transition plugin :

Sliding or fading in modals

Fading out tabs

Fading out alerts

Sliding carousel panes

  Prev Page
Next Page