Question

133

Twitter Bootstrap modal: How to remove Slide down effect

rated 0 times [ 136] [ 3] / answers: 1 / hits: 141306 / 12 Years ago, fri, april 13, 2012, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

maryann

Add To Favorites

Follow

Total Points: 600

Total Questions: 104

Total Answers: 97

Location: Sint Maarten

Member since Tue, Mar 29, 2022

2 Years ago

maryann questions

1 react return jsx from function

Fri, Oct 15, 21, 00:00, 3 Years ago

1 Validating Telephone Number in RegEx in React

Thu, Aug 13, 20, 00:00, 4 Years ago

1 React using forwardRef always update child component even using memo

Mon, Jun 15, 20, 00:00, 4 Years ago

1 OpenCV Rect conventions – What is x, y, width, height?

Wed, Jul 17, 19, 00:00, 5 Years ago

1 Dynamically set meta viewport scale

Mon, Dec 17, 18, 00:00, 6 Years ago

View All

answered 12 Years ago jaylynbrynnk · Accepted Answer

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.