下拉菜单关于按钮不一致打开

Question

我有一个下拉菜单，其水平位置取决于浏览器窗口的宽度，而O无法找到在按钮左下方打开的方式，左边框与按钮的左边框。

这是HTML：

<td class="navbar-brand navbar-left" style="width:48%;margin:0;padding:0;text-align:center;margin: 8px 0 0 0">
    <div class="dropdown">
        <button class="dropdown-toggle" role="button" data-toggle="dropdown">
            <i class="glyphicon glyphicon-globe"></i> <label>{{Current_Language_Record.Code}}</label>
        </button>
      <ul class="dropdown-menu" style="padding:10px;left:0;width:250px" role="menu">
          <li href="#" 
              ng-repeat="One_Entry in Interface_Languages_List | IF_Lang_Filter: Current_Language_Record.Code track by $index" 
              ng-click="New_Set_Language(One_Entry);" 
              style="cursor:pointer">
              {{One_Entry.Code}} - {{One_Entry.NativeName}}
              <hr ng-if="!$last">
          </li>
        </ul>
    </div>
</td>

我尝试添加课程dropdown-menu-right和dropdown-menu-left，但他们没有表现出任何效果。还尝试了pull-right（用我的另一个按钮完成了这个技巧）也没有效果。

有人能说出我做错了什么吗？

非常感谢！