Bootstrap transition effects


Bootstrap Transition plug-in

The Transition plug-in provides simple transition effects.

If you want to reference the functions of this plug-in separately, you need to reference transition.js in addition to other JS files. Alternatively, as mentioned in the Bootstrap plugin overview chapter, you can reference bootstrap.js or the minified version of bootstrap.min.js.

Transition.js is the base helper class for the transitionEnd event and CSS transition effect simulator. It is used by other plugins to check for CSS transition support and to obtain transition effects.

Use cases

Use cases of the Transition plug-in:

  • Modal dialog box with slide or fade-in effect. For specific examples, see Bootstrap Modal plug-in.

  • Tab page with fade-out effect. For specific examples, see the Bootstrap tab plug-in.

  • Alert box with fade-out effect. For specific examples, see Bootstrap Alert plug-in.

  • Carousel board with slide effect. For specific examples, see Bootstrap Carousel plug-in.