02.06.2015 Views

Bootstrap Tutorial

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

CHAPTER<br />

34<br />

<strong>Bootstrap</strong> Transition Plugin<br />

The transition plugin provides simple transition effects.<br />

If you want to include this plugin functionality individually, then you will need transition.js once alongside the other<br />

JS files. Else, as mentioned in the chapter <strong>Bootstrap</strong> Plugins Overview, you can include bootstrap.js or the<br />

minified bootstrap.min.js.<br />

Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator. It's used by the other<br />

plugins to check for CSS transition support and to catch hanging transitions.<br />

Use cases<br />

A few examples of the transition plugin:<br />

<br />

<br />

<br />

<br />

Sliding or fading in modals. You can find an example in the chapter <strong>Bootstrap</strong> Modal Plugin.<br />

Fading out tabs. You can find an example in the chapter <strong>Bootstrap</strong> Tab Plugin.<br />

Fading out alerts. You can find an example in the chapter <strong>Bootstrap</strong> Alerts.<br />

Sliding carousel panes. You can find an example in the chapter <strong>Bootstrap</strong> Carousel Plugin.<br />

TUTORIALS POINT<br />

Simply Easy Learning

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!