我知道我的问题类似于:Bootstrap popup does not appear when include bootstrap.min.css 但是它没有解决,我实际上遇到了同样的问题(减去 JS)。
我目前正在使用 Pinegrow 设计我的 Bootstrap 网站,软件中的一切看起来都很好,但是当我实际预览或将代码上传到浏览器时,我意识到网站的某些部分被覆盖了,我才发现这是因为 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?如果我发布一些代码会有帮助吗?非常感谢您的宝贵时间。
最佳答案
我会这样做: 如果有几页有效,我认为是标记中的问题。如果您不对所有页面使用一个标题部分,请尝试将内容从 skills 复制到 about,然后我会先检查包装器和更深层次的结构。您是否在技能页面的开发工具中看到任何奇怪的规则? (我正在学习,我只能给你简单的提示。)
关于css - bootstrap.min.css 覆盖了我的自定义 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35161332/