Bootstrap 3.3.6折叠导航栏下拉列表未正确对齐

Question

我添加了一个1180像素宽的媒体查询，用于在平板电脑上进行水平查看，这样导航菜单项就不会换行到第二行，而是显示切换按钮。但是，当单击显示主菜单的切换时，该菜单有几个下拉子菜单。在此宽度下，单击菜单项以查看子菜单时，这些选项将显示在最右侧，而不是立即显示在主菜单选项 - See the image下。然而它在767px宽度下表现得很好。由于我不确定在显示移动菜单时菜单项是如何对齐的，因此我不确定导致此问题的原因或如何纠正它。提前致谢。