twitter bootstrap - !important css is not overriding the property in firefox -


it works fine in safari , chrome

<nav class="navbar navbar-fixed-bottom navbar-inverse navbar-offcanvas navbar-offcanvas-touch" role="navigation" id="js-bootstrap-offcanvas" style="height:200px !important;"> </nav> 

but takes height 888px in firefox

<nav class="navbar navbar-fixed-bottom navbar-inverse navbar-offcanvas navbar-offcanvas-touch" role="navigation" id="js-bootstrap-offcanvas" style="height:888px"> </nav> 

so how override

i can't simulate situation testing think might fix problem or further diagnose issue.

change inline style javascript after document loads , parses.

window.onload = function() {    window.settimeout(function(){    document.getelementbyid('js-bootstrap-offcanvas').style.height = '200px';    },100); }; 

please tell me happens. hope helps ;)


Comments

Popular posts from this blog

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

javascript - Using jquery append to add option values into a select element not working -

javascript - Restarting Supervisor and effect on FlaskSocketIO -