中心对齐子导航菜单取决于其宽度与其父宽度

Question

我一直在制作一个我想自定义的自举菜单，看起来像这里附带的图像：

我已经能够在http://www.bubbleweb.eu/ewp-nav2/nav.php处使初始的'GB'悬停子导航工作非常接近，这很有效。我遇到的问题是“英格兰”下面的下拉列表，它没有正确对齐，因为我强制子导航使用以下内容在“GB”菜单下方对齐：

.navbar-nav>li>.dropdown-menu{
     left: -120%;
 }

是否有人建议通过css控制此操作，以根据父导航的宽度对齐父母下方的子导航？