Bootstrap 4 响应';t-Jumbotron背景图像

Bootstrap 4 响应';t-Jumbotron背景图像,bootstrap-4,Bootstrap 4,将背景图像设置为jumbotron组件并没有起到相应的作用,而是有时会沿高度和宽度拉伸 已尝试覆盖jumbotron类设置背景图像、背景大小以覆盖。甚至尝试将高度和宽度调整为100%和自动 如何使图像具有响应性 .jumbotron.jumbotron-fluid .container h1.display-4 Fluid jumbotron p.lead | This is a modified jumbotron that occupies the entir

将背景图像设置为jumbotron组件并没有起到相应的作用,而是有时会沿高度和宽度拉伸

已尝试覆盖jumbotron类设置背景图像、背景大小以覆盖。甚至尝试将高度和宽度调整为100%和自动

如何使图像具有响应性

.jumbotron.jumbotron-fluid
  .container
    h1.display-4 Fluid jumbotron
    p.lead
      | This is a modified jumbotron that occupies the entire horizontal space of its parent.
.jumbotron{
背景:url(“https://preview.redd.it/ue9911r3a4ez.jpg?overlay-对齐=底部、左侧和覆盖垫=8,16和裁剪=636:279,智能和覆盖高度=0.10和覆盖=%2Fv9vyirk6hl221.png%3Fs%3DB466421949EB723078745CE6421609D7A9C66和宽度=636和高度=279和自动=webp&s=B1793A09AFB650D8F3D2FB2596C40CA8240A2E”)不重复;
背景尺寸:封面;
}
尝试使用这些命令,图像将响应,但图像可能/可能不会占据整个jumbotron

请参阅此链接(第4点):

尝试使用这些命令,图像将响应,但图像可能/可能不会占据整个jumbotron


请参阅此链接(第4点):

尝试使用该链接。它没有显示jumpotron中的任何可用空间。但是在调整大小时有一个问题。你可以在办公室检查这支笔。如果您稍微更改窗口大小,您可以看到它在某些点上是响应的。请使用“背景大小:包含”使其响应。它没有显示jumpotron中的任何可用空间。但是在调整大小时有一个问题。你可以在办公室检查这支笔。如果您稍微更改窗口大小,您可以看到它在某些点上响应。使用“背景大小:包含”使其响应
.jumbotron {
 background-image: url('...');
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}