在bootstrap 3中使背景图像响应？

Question

我只在css中做过这样的事情，这是否可能在bootstrap 3？

这是我需要的？

被修改

这不是固定标题，右上角也有标题。

Answer 1

是的，在你的背景div上，使用background-size：cover。

.background-div {
  width: 100%;
  background: url("..") center center;
  background-size:cover;
}

Answer 2

是的，这可能是使用navbar-fixed-top类。您只需将其添加到导航栏，然后导航栏的位置为绝对位置。添加一个新类，我们不想覆盖bootstrap的默认类。给这个班级一个顶级的px。将图像放在导航栏上方。这是DEMO。或者你可以添加一个div并给div一个背景图像并使其可扩展。

.navbar-fixed-top-edit{
     top:150px;
}

Answer 3

如果您想要使图像响应，您只需要使用此引导类class="img-responsive"。如果你想让一个div响应女巫有一个背景图片，你必须设置你的width to 100%。如果您不喜欢背景调整大小，您可以选择为每种环境类型（xs，sm，md，lg）设置4个不同的背景。