如何定位bootstrap 3的下拉菜单

Question

我不知道它是否是一个bug，因为我尝试了一切来调整bootstrap下拉菜单的位置，但它似乎无法正常工作

这是我的代码

.dropdown-menu{
    position:absolute;
    left: 50px;
    background: #563c7c;
    border-radius: 15px;
}

我想让下拉菜单居中.. 对不起，我无法提供图像，因为我不能......声誉不够

非常感谢任何帮助，谢谢！

Answer 1

父母div＆＃34;下拉＆＃34;？确保它有＆＃34; position：relative＆＃34;这样子元素的位置为：absolute＆＃34;将正确显示。

Answer 2

@media (min-width:768px) {

  .dropdown-menu {
    left:-75px;
    width:250px;
    text-align:center;        
  }

}

DEMO：http://jsbin.com/nukogi/1/edit

根据父母的宽度，您可能需要根据下拉菜单进行播放。