¿Por qué es Bootstrap nav menú desplegable alineado a la derecha?

Estoy teniendo un arranque desplegable. Funciona bien, pero cuando estoy dentro de una página se accede a través del menú, a continuación, se pone raro:

http://2.bp.blogspot.com/-vw49cpP7weo/UZw0Jh_zmhI/AAAAAAAACJc/oadR5CTIus0/s640/dropdown.png

Se puede ver en la imagen, el menú se desplaza a la derecha.

Me pegue el código:

<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
    <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
        <a class="brand" href="index.html"><i class="icon-chevron-right"></i> Zimil Ltda</a>
        <div class="nav-collapse collapse">
            <ul class="nav pull-right">
                <li><a href="index.html">Inicio</a></li>
                <li><a href="acerca.html">Quienes somos</a></li>
                <li class="active" class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="jubilados.html">
                        Productos <i class="icon-caret-down"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="jubilados.html">Préstamos a jubilados</a></li>
                        <li><a href="cbu.html">Préstamos CBU</a></li>
                        <li><a href="otros.html">Otros créditos</a></li>
                    </ul>
                </li>
                <li><a href="trabajar.php">Trabajá con nosotros</a></li>
            </ul>
        </div>
    </div>
</div>

OriginalEl autor yBrodsky | 2013-05-22

5 respuestas

  1. 15

    Sólo pull-right dropdown-menu trabajó para mí.

    EDICIÓN:

    Obsoleto .pull-right alineación

    Como de la v3.1.0, hemos desaprobado .pull-right en menús desplegables. Para alinear derecha un menú, utilice .dropdown-menu-right. Alineado a la derecha nav componentes en la barra de navegación, el uso de un mixin versión de esta clase para alinear automáticamente el menú. Para reemplazarlo, el uso de .dropdown-menu-left.

    Buena solución! esto agregará “left:auto” y de “derecho”: 0″ style y alinear correctamente el div a la derecha

    OriginalEl autor MarceloBarbosa

  2. 5

    Como probado en la versión 3.3.2 de bootstrap, dropdown-menu-derecho no me funciona tampoco. Esto es lo que hice para solucionarlo en mi caso.

    Lugar de:

    <ul class="dropdown-menu dropdown-menu-right">

    He utilizado:

    <ul class="dropdown-menu" style="right: 0; left: auto;">

    Funciona a la perfección.

    dropdown-menu-derecho ya .dropdown-menu-right{right:0;left:auto} Si esta clase no funciona para usted, usted tiene probablemente un error en el CSS o el uso de una vieja versión de BootStrap. Como ya he dicho, es necesario utilizar Bootstrap v3.1.0 o superior.

    OriginalEl autor Vince

  3. 4

    Trate de añadir esto a tu archivo css o como elemento de estilo de este:

    .dropdown-menu { left:auto; }

    He tenido un problema similar con desplazados desplegable y esto funcionó para mí…..

    Esto funcionó para mí, pero ¿por qué? Cuál es la causa del problema?
    Para ser honesto, no estoy absolutamente clara en este sentido. En mi caso, yo tenía los elementos de la lista desplegable dispuestas horizontalmente y también desplazados. Estoy assumming que el ajuste de “auto” restablece los objetos por defecto de colocación, libre de cualquier antepasado de los elementos de la configuración de atributos (he tenido que añadir una entrada independiente para cambiar la entrada de menú de la pantalla de horizontal a vertical). Nadie sabe para la definitiva?
    Esto parece ayudar a explicar por qué: stackoverflow.com/questions/4471850/…

    OriginalEl autor thoroughly-confused

  4. 1

    Cambio:

    <ul class="nav pull-right">

    a

    <ul class="nav pull-left">

    O simplemente eliminar la clase auxiliar pull-right dejando sólo la nav clase:

    <ul class="nav">

    Aquí un JS Bin demo: http://jsbin.com/ezuray/1/

    pull-left no es necesario ya que por defecto será alineado a la izquierda de todos modos.
    estás en lo correcto.
    Lo intente una vez que llego a casa. Gracias.
    Esta solución no está funcionando. Se mueve mi menú a la izquierda. De todos modos, incluso, la eliminación de la clase y aceptar el menú de la izquierda, la lista desplegable que aparece de desplazados
    Bump por favor. El problema persiste

    OriginalEl autor Leniel Maccaferri

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *