Bootstrap popover右上角始终位于顶部

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

您只能使用以下位置的popovers：

左定位酥料饼：

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