Twitter的Bootstrap 3下拉菜单走出浏览器

Question

我想使用Twitter Bootstrap 3.0制作一个超级菜单，它工作正常。但是，当涉及到具有大型菜单的最后一个列表项目时，下拉菜单会从浏览器中退出，因为它从左侧开始。我怎样才能让最后一个列表项的下拉列表只能从右到左开始。我试图使用“拉右”，但它不能正常工作。当对主菜单列表项目使用“拉右”时，下拉菜单从导航栏的最右侧开始。我想要它，下拉完全对齐父母<li>的相对位置。

Answer 1

CSS

.navbar-nav > li:last-child > .dropdown-menu { 
    left: auto; 
    right: 0; } 

引用：

• how to override left:0 using CSS or Jquery?
• Changing CSS for last <li>