Blog

In this guide, we will discuss Transition Plugin in Bootstrap. The transition plugin provides a simple transition effects.

If you want to include this plugin functionality individually, then you will need transition.js once alongside the other JS files. Else, as mentioned in the chapter Bootstrap Plugins Overview, you can include bootstrap.js or the minified bootstrap.min.js.

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

Use Cases

A few examples of the transition plugin are −

• Sliding or fading in modals. You can find an example in the chapter Bootstrap Modal Plugin.
• Fading out tabs. You can find an example in the chapter Bootstrap Tab Plugin.
• Fading out alerts. You can find an example in the chapter Bootstrap Alerts.
• Sliding carousel panes. You can find an example in the chapter Bootstrap Carousel Plugin.

Next Topic : Click Here