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

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

Android soft keyboard reverts to default keyboard on orientation change -

jquery - javascript onscroll fade same class but with different div -