当前位置 : 首页 » 互动问答 » 正文

Bootstrap-全屏幕背景照片/图像

分类 : 互动问答 | 发布时间 : 2016-01-26 16:31:37 | 评论 : 1 | 浏览 : 462 | 喜欢 : 0

我正在使用Bootstrap 3.3.6封面模板( http://getbootstrap.com/examples/cover/ )构建着陆页。我正在尝试添加全屏幕背景图像。我相信问题可能是我的html代码中没有div class =“cover”。我的CSS代码如下:

 .cover {
  padding:0 20px;
}

预先感谢您。

回答(1)

  • 1楼
  • 正确的做法是为你的body a width and height of 100%:

     body {
        宽度:100%;
        身高:100%;
    }
    

    然后你需要有一个元素来应用背景,就像header:

     <header>一样
        <div class =“content”>
        </ DIV>
    </报头>
    

    然后给你的头文件 background-image

    头文件{
      位置:相对;
      宽度:100%;
      身高:100%;
      background-image:url(../ img / BG.png);
      背景重复:不重复;
      background-size:cover;
      显示:块;
    }
    

    您不必使用可以创建自己的类的头文件,例如 .full-sceen-bg ,并将其应用于任何节

    希望这有助于,任何问题都可以提出

相关阅读: