jquery - 带有 Bootstrap 的全屏响应式背景图像

Question

我是 Twitter Bootstrap 的新手。我想知道的是我必须使用 HTML 模型来生成带有 Bootstrap 的全屏响应式背景图像吗？

当然我要起诉模型

<div class="container-fluid">

<div class="wrapper">

</div>


</div>

在包装器之前我有一个导航菜单。我想将全屏图像添加到 div 类包装器。我希望 wrapper div 缩放 100%。任何提示将不胜感激。

Answer 1

两种选择

1. 如果您使用标签，请使用 img-responsive 类。

   <div class="wrapper">
      <img src="pic_1.jpg" class="img-responsive" alt="Responsive image">
   </div>
   

2. 如果您正在使用 css，请使用它。

   .wrapper{background: url('/assets/64531/green_suburb.jpg') no-repeat   center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;}