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