Twitter Bootstrap modal: How to remove Slide down effect

ramz15 picture ramz15 · Apr 13, 2012 · Viewed 133.1k times · Source

Is there a way to change the Twitter Bootstrap Modal window animation from a slide down effect to a fadeIn or just display without the Slide? I read through the documentation here:

http://getbootstrap.com/javascript/#modals

But they don't mention any options for changing the modal body slide effects.

Answer

Rose Perrone picture Rose Perrone · Aug 4, 2012

Just take out the fade class from the modal div.

Specifically, change:

<div class="modal fade hide">

to:

<div class="modal hide">

UPDATE: For bootstrap3, the hide class is not needed.