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>