Bootstrap 弹出窗口随分辨率改变位置

Question

我有 bootstrap 弹出窗口如下

<div style="float:left; width:30%"></div>
<div class="popover results" style="z-index:1060; float:left; width:70%">
     <div class="arrow"></div>
        <div class="popover-inner">
        <h3 class="popover-title"></h3>
        <div class="popover-content">
        <p></p>
    </div></div>
</div>

我看到随着屏幕分辨率的变化，它改变了我拥有的输入元素的相对位置。无论分辨率如何，我都想保持弹出框和输入元素的相对位置相同。有什么办法吗？

Answer 1

发生这种情况是因为我在上面的代码中使用了以下代码

<div style="float:left; width:30%"></div>

我删除了它，现在它自动正确调整了

Bootstrap 弹出窗口随分辨率改变位置

Bootstrap popover changing position with resolution

html

javascript

css

twitter-bootstrap

bootstrap-popover