Bootstrap 着陆页 - 代码覆盖？

Question

希望有人可以帮助我解决我遇到的问题。这是我正在处理的页面：http://www.designbyantony.com/JMP%20Bootstrap/index.html

我正在尝试使用链接到页面的 full.css 文件为此（仅限主页）设置响应式全屏背景图像。我附上了我的目标的屏幕截图 - 图片是 full.css 中标记的 jpg。我希望这个 css 文件会覆盖其他 css 文件中的任何其他正文声明，但它不起作用。我已经尝试为这个页面（等等）分配一个正文 ID，但这也没有用 - 我忽略了它。我知道这是一个特殊性问题，但我无法弄清楚。奇怪的是，背景图像显示在 DW CS6 设计预览中（我猜永远不会依赖），但在浏览器中却没有。

感谢您花时间阅读本文 - h希望别人至少可以引导我朝着正确的方向前进。

谢谢，安东尼

Answer 1

你能不能试着把 full.css 文件中 body 标签的 css 改成

  background-image: url('../images/john-landing.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

Bootstrap 着陆页 - 代码覆盖？

Bootstrap landing page - tag override?

css

twitter-bootstrap

fullscreen