Modal window aligning to bottom in Bootstrap 2.0 -


i have bootstrap modal window, displaying correctly on browser top 50%

.modal.fade.in {   top: 50%; } 

but on mobile screen modal window not displaying correctly aligning @ bottom. have checked in firbug , found top 50% attribute changing top auto

.modal.fade.in {   top: auto; } 

because mobile screen window small bootstrap responsive js changing attribute.

as finding thinking of writting css class below in own css override bootstrap css code

.modal.fade.in {   top: 50% !important; } 

so modal window align @ top 50% top attribute

let me know if ok or there other solution.

i don't know if there other solutions, keep property (the last 1 !important) in 1 of css file, won't cause problem ;)


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -