jquery - Bootstrap popover 右上角总是在最上面

标签 jquery css twitter-bootstrap 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>

最佳答案

你可以这样做:

CSS

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

}

.popover .arrow{
    display:none;           
}

调整你的需求

DEMO HERE

关于jquery - Bootstrap popover 右上角总是在最上面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33143509/

相关文章:

javascript - 根据其父容器检查文本元素的宽度(基于字体大小)

jquery - 单击删除 jquery 中的所有元素

html - Unruly CSS 伪元素框阴影

html - Twitter bootstrap 3 中的底部菜单,带有一些全宽容器和一些普通容器

javascript - Bootstrap Accordion 选项卡未打开

javascript - 将动态类名传递给 JavaScript 函数

javascript - 导航栏未出现在滚动条上

html - 尝试居中对齐列表项

html - 下拉选择每个选项值旁边的删除选项

javascript - 滚动后悬停功能