【问题标题】:changing background-colour in bootstrap在引导程序中更改背景颜色
【发布时间】:2012-10-31 11:45:23
【问题描述】:

只是一个快速...我正在尝试更改引导程序中某些背景的颜色。 我已经从引导 css 中删除了主要背景颜色。所以我可以添加我自己的。我创建了一个包含内容的 div,我希望该背景与页面的其余部分颜色不同。因此将背景颜色分配给该 div。

但它仍然是白色的,即使我已经从引导程序中删除了默认背景颜色

现在这是 bootstrap 的默认 body css

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}

有什么想法吗?

这是我想说的一个例子。即使我添加了一个 id 它也没有显示出来

我认为我已经找到了问题,但不知道它们如何或为什么在这里....我的大部分样式表都在“其他”文件夹中???任何想法为什么或如何发生这种情况?

【问题讨论】:

  • 专业提示:使用 Chrome 或 Firefox 的元素检查器查看 div 从哪里获取样式,或者为什么没有获取样式
  • 您不需要移除主背景颜色。 CSS 是级联的,即后面的样式定义会覆盖前面的样式。问题一定出在其他地方。您使用什么样式定义来设置 div 的背景?
  • 例如这个。 #site-footer{ 背景颜色:#1d1d1d; }
  • 只是在 chrome 中查看,我创建的 id 或类似乎都没有列出
  • 你有链接吗?如果您的 CSS 没有显示,请尝试按 CTRL + F5 几次以硬刷新缓存。

标签: css twitter-bootstrap boilerplate


【解决方案1】:

您确定正在加载 main.css 吗?它是否列在 Chrome 的“资源”选项卡中?如果是,那里有最新的页脚定义吗?您的屏幕截图表明没有应用任何页脚属性,而不仅仅是 BG 颜色。

由于检查器屏幕截图引用了您生产服务器上的 bootstrap.css 副本,我想知道您是否还加载了 main.css 文件的 this copy

【讨论】:

  • 为您添加了另一张照片 :)
  • 您能否发布更多您的标记,尤其是您用于加载 CSS 和 JS 文件的代码?一方面,它看起来好像所有东西都被加载了两次。然后是它们都被归类为“其他”的事实,这表明浏览器由于某种原因无法确定它们是什么类型的文件。如果您复制链接href 值之一并尝试加载文件本身,它是否正确显示?
  • 我不喜欢我。但我一直在使用 windows 和 mac、sublime 和 coda,以及 dropbox 和 github 来保持所有内容同步!这可以玩弄这些文件吗?当我正在编辑一个实时网站时,这有效吗?这一切都非常令人困惑
  • 如果没有进一步的信息,就不可能知道发生了什么。您可以在JS fiddle 上发布您的代码吗?
猜你喜欢
  • 2015-04-23
  • 1970-01-01
  • 2015-10-22
  • 2016-02-20
  • 2012-05-22
  • 2014-09-23
  • 2015-06-28
  • 1970-01-01
  • 2022-08-09
相关资源
最近更新 更多