Twitter Bootstrap modal: How to remove Slide down effect

javascript jquery jquery-ui twitter-bootstrap
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.

Related questions

Calling a function on bootstrap modal open

I used to use JQuery UI's dialog, and it had the open option, where you can specify some Javascript code to execute once the dialog is opened. I would have used that option to select the text within the dialog …

Read More
Trees in Twitter Bootstrap

I have been trying to work on creating a tree (like a directory tree) that uses as much CSS and as little JS as possible (only for states, etc), and I want to know if there are some good existing …

Read More
Twitter Bootstrap vs jQuery UI?

I've been using jQuery UI for some basic page enhancements. Button and input styling and modal dialog boxes. Now I've come across Bootstrap and it looks pretty good. Has anyone any experience of going from using jQuery UI to Bootstrap? …

Read More