Bootstrap 将白体置于背景图像之上

Question

我已经使用 css 创建了一个全屏背景图像网站，但是当我尝试 link bootstrap 它会创建一个覆盖整个页面的白色全屏容器。当我进入 bootstrap CSS 并将整个内容注释掉时，白色容器仍然存在。摆脱它的唯一方法是从我的 head 标签中删除 bootstrap link 。下面是 HTML 然后是 CSS.

<html lang="en">
<head>
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href="local.css" rel="stylesheet"/>
</head>

html{
    background:url('img/50925.jpg') no-repeat center center;
    min-height:100%;
    background-size:cover;
}

body{
    min-height:100%;
}

有人有什么想法吗？

Answer 1

使用

将正文背景设置为完全透明

background-color:rgba(0, 0, 0, 0.0);

jsfiddle: https://jsfiddle.net/o9mgygzu/

Bootstrap 将白体置于背景图像之上

Bootstrap places white body on top of background Image

image

twitter-bootstrap

background

containers

fullscreen