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

Question

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

<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>

Answer 1

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

左侧定位弹出窗口：

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;           
}

Answer 2

你可以这样做：

CSS

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

}

.popover .arrow{
    display:none;           
}

调整您的需求

DEMO HERE

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

Bootstrap popover top-right corner always on top

jquery

css

twitter-bootstrap

popover