javascript - 使用 Javascript 而不是 css 覆盖 bootstrap maxWidth

Question

所以我有一个 .js 文件包含这个:

var styles = {
wrap: {
left: 0
, top: 0
, overflow: 'hidden'
, margin: 0
, padding: 0
, height: '100%'
, width: '100%'
, zIndex: -999999
}
, img: {
position: 'absolute'
, display: 'none'
, margin: 0
, padding: 0
, border: 'none'
, width: 'auto'
, height: 'auto'
, maxHeight: 'none'
, maxWidth: 'none'
, zIndex: -999999
}
};

并且 maxWidth 行被 Bootstrap 覆盖。我想通过有效地使 maxWidth !important 来覆盖 Bootstrap ，但是我不确定这样做的正确语法，例如:

, maxWidth: 'none !important'

不起作用。我可以通过在样式表中添加重要规则来解决这个问题，但我正在寻找不需要使用样式表的解决方案。

Answer 1

将包含这些值的 js 放在引导文件之后。 (或者只是为了确定，将其放在页面末尾)