Bootstrap下拉菜单未正确定位

当我使用CSS"text-align:center"在下拉菜单中放置一个引导下拉列表时,下拉菜单会出现在下拉列表的原始非居中位置.下拉列表似乎不知道其触发按钮已被移动.

问题在这个jsfiddle中表示:

https://jsfiddle.net/dkent600/wyos4ukt

小提琴包含以下代码:

    

        
            Dropdown
            
        
        

            
Action
         
    

感谢您提供有关如何解决此问题的任何线索.

如果将类添加btn-group到.dropdown元素,则下拉菜单将正确定位.

更新了例子

    
        Dropdown
        
    
    

        
Action
        
Another action
        
Something else here
        
Separated link
    

这样做的原因是因为该类添加了以下CSS.在这样做时,下拉菜单绝对相对于父元素定位.

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

或者,您也可以添加以下内容:

更新的示例

.dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}