Щебетать Bootstrap 3 Dropdown mega menu выходит из браузера

Question

Я пытаюсь создать мега-меню, используя Twitter Bootstrap 3.0, и он отлично работает. Но когда дело доходит до последнего элемента списка с мега-меню, выпадающее меню выходит из браузера, так как оно начинается слева. Как я могу создать раскрывающийся список последнего элемента списка, только начинается справа налево. Я попытался использовать «pull-right», но он работает неправильно. При использовании «pull-right» для элемента списка главного меню выпадающее меню начинается с крайнего правого края панели навигации. Я хочу, чтобы это выглядело так, что выпадающее меню совершенно правильно выровнено с относительным положением родителя <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>