[英]Override bootstrap style not working
我有一个简单的情况,我有一个没有定义的显示属性值的样式,我最近在我的项目中添加了引导程序,没有大的问题,只是一个。
在标签引导样式中定义了一个显示:inline-block; 我不需要的内容,并在我的页面上造成了一些故障排除。 因此,我简单地覆盖了它,但是似乎它正在获得bootstrap值。 !important也无法正常工作。 如下图所示:
甚至,它在开发人员工具上被标记为已覆盖。 我还测试了从引导文件中删除该行,它可以工作,但是在我的情况下,这不是可行的选择。 就像我说的,我被困在这里,引导程序不再有问题,而且以前也没有这种情况。
我必须补充一点,就是我要为页面上的样式表设置正确的位置。
编辑:
删除引导程序样式时,将附加结果和预期结果。 即使被覆盖,它似乎也能正常工作。
删除引导样式时的预期结果(这适用于及时的Developer工具以及从bootstrap.css中删除时)
PS:IE根据需要是浏览器。
EDIT2:
问题已解决,与IE版本有关,我们公司仅在此应用程序上支持IE,问题是以前的某些更改迫使IE在版本5上运行兼容性,原因是任何人都知道,因此改用IE作为标准它正在工作。
谢谢大家的任何想法或评论。
问题与IE兼容模式有关。
这对我有用:我的问题是链接方式。
示例:假设input
标签是从供应商文件继承的样式(例如bootstrap),并说您在项目中太远了,并且以相反的方式链接文件,从而破坏了布局,然后创建一个新的样式表并在bootstrap链接之后进行链接。
<link rel="stylesheet" href="styleSheet.css">
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="newStyleSheet.css">
// 为您不希望继承自引导程序样式的元素编写样式,并以此方式进行链接。
正确的做法:
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="styleSheet.css">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.