Мега-меню Twitter Bootstrap 3 выпадающее из браузера

Question

Я пытаюсь сделать мега-меню, используя Twitter Bootstrap 3.0, и он работает нормально. Но когда дело доходит до последнего элемента списка с мегаменю, выпадающий список выходит из браузера, поскольку он начинается слева. Как сделать, чтобы выпадающий список последнего элемента списка начинался только справа налево. Я пытался использовать "тянуть-вправо", но это не работает должным образом. При использовании "тянуть-вправо" для элемента списка главного меню, раскрывающийся список начинается с крайней правой части панели навигации. Я хочу, чтобы, как, выпадающий список совершенно правильно выровнен к родителю <li>Относительная позиция.

Answer 1

CSS

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

Рекомендации:

• как переопределить слева: 0 с помощью CSS или Jquery?
• Изменение CSS для последнего
• ;