bootstrap-4 - 引导图像覆盖背景图像

Question

我们如何将图像放置在背景图像上，或者我们如何将带有文本的容器 div 放置在 Bootstrap4 中的背景图像上

标签： bootstrap-4

Answer 1

<div class="container" id="imgbck">
  <div class="row">
    <div class="col-md-6">
      <img src="yourimage.jpg" />
    </div>
    <div class="col-md-6">
       your text
    </div>
  </div>
</div>

css（视差效果）

#imgbck {
background: url(yourimage-background.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}