bootstrap.min.css正在覆盖我的自定义css文件

时间:2016-02-02 18:37:50

标签: css twitter-bootstrap twitter-bootstrap-3 web override

我知道我的问题类似于:Bootstrap popup does not appear when include bootstrap.min.css 但是它没有解决,我实际上有同样的问题(减去JS)。

我目前正在使用Pinegrow设计我的Bootstrap网站,软件中的一切看起来都不错但是我意识到当我实际预览或上传代码到浏览器部分网站被覆盖时,我发现它是因为引导程序.min.css文件。

奇怪的是我的'家','关于我'页面很好,但是当它到达'技能','组合'等页面时,我的自定义文件中的css被覆盖。

例如: 这就是我的软件显示的内容 Preview from Pinegrow

这是在浏览器中发生的情况: Preview from Browser

我做过的事情

  • 有些人建议只删除.min文件,但这样做会破坏网站。

  • <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> <!-- Custom CSS --> <link rel="stylesheet" href="css/creative.css" type="text/css">自定义css文件位于html的底部(有人说它提供了自定义文件的优先级)

  • 使用!important规则不起作用,我认为没有权利使用它

  • 我在CSS中使用ID选择

是进入.min文件并从那里编辑代码的唯一解决方案吗?有没有办法让我的自定义CSS代码覆盖.min而不是?如果我发布了一些代码,会有帮助吗?非常感谢你的时间。

1 个答案:

答案 0 :(得分:0)

我会这样做的: 如果一些页面工作,我的意见,标记问题。如果你没有为所有页面使用一个标题部分,尝试将技能中的内容复制到约,那么我会先检查包装器和更深层的结构。您是否在技能页面上看到了开发工具中的任何奇怪规则? (我正在学习,我只能给你简单的提示。)