css - bootstrapscaffolding.less 正在更改默认 style.css

标签 css twitter-bootstrap

enter image description here

我向网站添加了一个名为 stretchy-navigation导航栏。它有很多 css 和较少的文件。它给矿工的 body 带来了变化。删除 header 可以解决问题,但我需要 header 。顺便说一句,我使用带有“加载”功能的 jQuery 添加页眉和页脚。

enter image description here

这是stretchy-navigation文件结构。

最佳答案

在不查看代码的情况下,您可以尝试一些操作。

  1. 使用 !important 强制使用 body css 而不是 Bootstrap

    font-size:1.6rem !important;

  2. 将一个类添加到您的 <body>标签如 <body class='mybody'>然后让你的CSS选择器目标body.mybody{font-size:1.6rem;}通过使你的 CSS 规则更加具体,它可能会优先。

  3. 链接 css 文件的顺序可能很重要。尝试先放置 Bootstrap ,然后放置自定义 CSS 代码。

关于css - bootstrapscaffolding.less 正在更改默认 style.css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42143908/

相关文章:

css - 使用自定义 CSS 覆盖默认 Bootstrap css 仅适用于 !important 规则

jquery - 动画断文

css - Bootstrap : Hovering over button with custom color not changing styling

html - 样式化 html 标签是不好的做法吗?

jquery - 按键期间更改按钮的颜色

html - div内不同按钮的垂直对齐

css - bootstrap 上的偏移量和边距

javascript - 修复列表绝对定位(li 隐藏在前两个后面)

javascript - Bootstrap : How to set a viewport to lg even if real screen is smaller ("Classic View")

css - Bootstrap "Mobile first"行为