css - bootstrap.min.css 覆盖了我的自定义 css 文件

标签 css twitter-bootstrap twitter-bootstrap-3 web overriding

我知道我的问题类似于: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/

相关文章:

html - 内部 DIV 未扩展到 100% 高度

ruby-on-rails - 将动态变量传递给部分以在模态中呈现

html - 在页面中重叠两个单独的 div

ajax - 成功的 Ajax 请求后关闭 Bootstrap 模态表单

html - 自动换行 : break-word does not work with a very long word combined with width: 100%

html - Outlook 2013 忽略字体系列

html - CSS 隐藏没有周围 HTML 的纯文本?

html - 导航栏切换在 768px 处消失

asp.net-mvc - MVC 中的 Bootstrap 下拉导航

javascript - Bootstrap 下拉菜单不适用于移动设备