Question

如何在页面的右上角显示我的弹出窗口，而不是用箭头连接到按钮，有点像弹出窗口？我应该使用别人而不是popover吗？

<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

你可以这样做：

<强> CSS

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

}

.popover .arrow{
    display:none;           
}

调整您的需求

<强> DEMO HERE

Answer 2

您只能使用以下位置进行弹出：

左定位弹出：

data-placement="left"

正确定位的弹出窗口：

data-placement="right"

排名靠前的popover：

data-placement="top"

底部定位popover：

data-placement="bottom"

请参阅：http://getbootstrap.com/javascript/#popovers

或者将CSS更改为

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

.popover .arrow{
    display:none;           
}

Bootstrap popover右上角始终位于顶部

2 个答案: