Indagamos por todo el mundo online y así de esta forma tenerte la respuesta para tu dilema, si tienes alguna duda puedes dejarnos tu duda y contestamos con mucho gusto.
Solución:
para Twitter Bootstrap 3
Espero eso ayude 🙂
Para uso de Bootstrap 3.1.0 o superior .dropdown-menu-left
o .dropdown-menu-right
para mostrar los menús desplegables del lado derecho o izquierdo del menú principal. En su caso intente seguir.
My Menu
Bootstrap es MEJOR
Agregar este elemento de estilo al menú desplegable
- alineará el menú desplegable al lado izquierdo del elemento del menú:
left:0;
Vea este Bootply que apunta a la .dropdown-menu.pull-left
y agrega un left:0;
. Esto debería solucionar tu problema.
Actualizar
Veo que Bootstrap ha dejado de usar pull-right y pull-left a partir de Bootstrap 3.1.0. Usar dropdown-menu-left
class para usar Bootstrap css incorporado para alinear el menú desplegable en el borde izquierdo para que no necesite CSS adicional. Ver este Bootply actualizado