具有重叠图像的Bootstrap

Question

我有一个图像作为背景，我正在尝试使用Bootstrap的col-来放置更多与背景重叠的图像，但我不能，因为对于重叠效果我设置了{{ 1}}图像到position，我认为这会导致问题，'col-'不起作用。这是代码：

absolute

HTML:

<img src="imag/bgimage.png" class="bg">

<div class="text-center">
<div class="col-md-3 inline-block overlap">
    <article>
        <img src="imag/image1.png">
    </article>  
</div>
<div class="col-md-3 inline-block overlap">
    <article>
        <img src="imag/image2.png">
    </article>  
</div>

Answer 1

尝试将父容器的位置设为relative