背景图片和标题对齐/边距

Question

我有一个背景图片，使用这个CSS代码填充整个网页的背景：

html { 
  background: url(../images/image.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

问题在于，在我的<header>中，我还使用了bootstrap 3.3.7中的.container-fluid类，由于某种原因，它不允许我的.row完全使用在整个屏幕上 - 相反，左右两侧都有一些空白区域。此外，当我尝试通过将一些像素应用于<header>来对齐margin-top时，这些像素也会显示为空白区域。

如何删除空格以便我可以看到我的背景图像？我猜它与边缘有关。

编辑：我尝试删除<header>和.row标签，以确保问题不会源于它们，果然，即使没有它们，空白区域仍然存在。