Bootstrap 弹出窗口右上角总是在最上面

Bootstrap popover top-right corner always on top

如何让我的弹出窗口显示在页面的右上角,而不用箭头连接到按钮,有点像弹出窗口?我应该使用弹出框以外的东西吗?

<button type="button" class="btn btn-default" title="Help" data-toggle="popover"  data-content="423241421453453"><span class="glyphicon glyphicon-info-sign" style="font-size: 20px; padding-top:5px"></span></button>
</div>

<script>
        $(document).ready(function popover() {
            $('[data-toggle="popover"]').popover();
        });
</script>

弹出窗口只能使用以下位置:

左侧定位弹出窗口:

data-placement="left"

右侧弹出窗口:

data-placement="right"

位于顶部的弹出框:

data-placement="top"

位于底部的弹出窗口:

data-placement="bottom"

参见:http://getbootstrap.com/javascript/#popovers

或将CSS改为

.popover{
    position: absolute;
    top:0;
    right:0;
    left: 80% !important;
}

.popover .arrow{
    display:none;           
}

你可以这样做:

CSS

.popover{
    position: absolute;
    top:0;
    right:0;
    left: 80% !important;

}

.popover .arrow{
    display:none;           
}

调整您的需求

DEMO HERE