CODEWITHSUNDEEP
csstwitter-bootstrap
perseverance
perseverance

Reputation: 6612

How do you modify the modal height without removing the slide effect in Bootstrap Twitter?

I've modified how far down the modal is but now the sliding down effect from adding the fade class is not working anymore. Is there a way to get the sliding effect working with changing the top distance?

html:

<div id='test-modal' class='modal fade hide'>
  <div>Stuff</div>
</div>

css:

#test-modal.modal {
  top:35%;
}

jsfiddle: http://jsfiddle.net/Kcnq4/

Upvotes: 1

Views: 216

Answers (1)

Muhammad Bilal
Muhammad Bilal

Reputation: 449

if you add .fade.in with your class then fade in effect will remain there.

#test-modal.modal.fade.in {
    top:35%;
}​

you can test it here.

Upvotes: 1

Related Questions