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
Post a Comment