Html 添加引导css可以让背景图像消失_Html_Css_Twitter Bootstrap

Html 添加引导css可以让背景图像消失

html css twitter-bootstrap

Html 添加引导css可以让背景图像消失,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在将背景图像添加到引导站点时遇到了一个小问题。我希望背景图像出现在整个页面上，所以我选择了在html标记处显示它。在我添加bootstrap.min.css文件之前，它工作正常。然后我的背景消失，背景保持白色这是我的Index.html和我自己的style.css文件 <!DOCTYPE html> <html lang="en"> <head> <title>Title</title> <meta chars

我在将背景图像添加到引导站点时遇到了一个小问题。我希望背景图像出现在整个页面上，所以我选择了在html标记处显示它。在我添加

bootstrap.min.css

文件之前，它工作正常。然后我的背景消失，背景保持白色

这是我的

Index.html

和我自己的

style.css

文件

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

</head>

<body>

  <div class="container-fluid fill">
    <div id="content">
        <a href="#" class="btn btn-info" role="button">Link Button</a>
    </div> <!-- This one wants to be 100% height -->
  </div>
</body>
</html>

文件夹结构是这样的

Index.html
css
|
__style.css
__test.jpeg

你有什么建议吗？问题出在哪里？

Bootstrap是在主体上定义背景颜色，而不是在html上

您可以将backgournd图像设置为主体，尽管我强烈建议您使用较少的或sass自定义引导版本，而不是覆盖所有css规则。

引导PCSS文件是在css文件之后还是之前调用的？NVM我现在明白了，我认为引导是为主体定义背景颜色，而不是html。

Index.html
css
|
__style.css
__test.jpeg