Twitter bootstrap 将图像嵌套在twitter引导程序中的另一个图像上

我正在尝试将一个图像嵌套在另一个图像上（使用twitter引导）。问题是，当我重新调整浏览器大小时，箭头图像的位置不一致（请参见该图像）

它应该是：

但当浏览器重新调整大小时：

代码是：

<div class="container">
<div class="row">
    <div class="col-lg-4">
        <div>
            <img alt="" src="../images/fulltime.png" class="img-responsive" />
            <img alt="" src="../images/arrow.png" class="img-responsive" style="position: absolute; top: 170px; left: 341px" />
            <label style="position: absolute; top: 12px; left: 43px; font-size: 19px; font-family: Trebuchet MS;
                color: White;">
                Professional
            </label>
            <p style="position: absolute; top: 80px; left: 25px; font-size: 13px;">
                random text
                <br />
                random text
                <br />
                random text
            </p>
        </div>
    </div>
  </div>
</div>

专业的

随机文本


随机文本


随机文本

我做错了什么？还是不可能

注意：我刚刚用bootstrap更改了我最近的web，所以我对这方面还不熟悉，如果有帮助的话，我会使用BootstrapV3

---

谢谢。

目前您正在使用

top:170px；左：341px

或说从左开始341px，从顶部开始170px。如果您使用底部和右侧而不是顶部和左侧来定位它，那么它将锚定到右下角，您将说“底部有这么多像素，右侧有这么多像素”

因此，不是：

<img alt="" src="../images/arrow.png" class="img-responsive" style="position: absolute; top: 170px; left: 341px" />

有类似于：

<img alt="" src="../images/arrow.png" class="img-responsive" style="position: absolute; bottom: 50px; right: 19px" />

---

根据需要更改数字，但注意

顶部

现在是

底部

，

左侧

现在是

右侧

找到了解决方案，只需在

标记内添加

img responsive

类

使其成为

---

无论浏览器屏幕的大小如何调整，图像现在都保持“完整”，干杯

对不起，我错过了你的观点和答案，你能解释一下吗？：）感谢您提供的解决方案，但在浏览器重新调整大小的特定时刻出现问题，请查看此处，为您的div指定一个固定大小。