使用Javascript而不是css重写bootstrap maxWidth
Overriding bootstrap maxWidth using Javascript and not css
所以我有一个.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行被引导程序覆盖。我想通过有效地设置maxWidth来覆盖bootstrap!重要,但我不确定这样做的正确语法,例如:
, maxWidth: 'none !important'
不起作用。我可以通过在样式表中添加重要的规则来解决这个问题,但我正在寻找一个不需要使用样式表的解决方案。
将包含这些值的js放在引导文件之后。(或者只是为了确定,把它放在页面的末尾)
相关文章:
- 如何在Bootstrap Modal中为动态点击生成的变量设置jade属性
- 浮动页脚栏-使用Bootstrap隐藏
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 如何重写下面的函数,使其不会't用于循环
- AngularJS/HTML/Bootstrap元素用于动态搜索结果
- Javascript+Bootstrap图像库未加载
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- Bootstrap 3 Datepicker v4:dp.show和dp.change事件在Datepicker内联时不
- Bootstrap-三列相等;t更改'a'要素
- 重写CSS:使用jquery显示none属性
- 在bootstrap中显示隐藏特定的li
- 为什么引导程序下拉菜单只有在包含bootstrap-responsive.css时才起作用
- Twitter Bootstrap 2.1.0子菜单在Responsive上看起来很混乱
- Bootstrap折叠按钮不适用于android
- bootstrap消除模态并显示另一个模态
- Bootstrap下拉菜单不起作用
- 如何移除或改进:在Bootstrap Carousel上聚焦风格
- 重写需要javascript中带有import关键字的语法
- 使用Javascript而不是css重写bootstrap maxWidth