[SOLUCIONADO] Dropdown Bootstrap incline

[moscrates]

Hola colegas, de nuevo molestando con esto de los css que dan dolor de todo.

mi problema ahora es que necesito que cuando se abra un dropdown se corra , mejor una imagen para entender



los cuadros rojos son dropdown
el cuadro azul es el ul. li que se despliega con el dropdown

lo que necesito es que cuando se despliegue el dropdown ocupe el espacio del recuadro verde. no h epodido mover eso con css

los dropdwon estan dentro de un nav navbar-nav

Código HTML:

<ul class="nav navbar-nav" id="ListaMenu">
    <li>
       <a data-toggle="dropdown" class="dropdown-toggle" href="#" ><?php echo CONSIENTEATUMASCOTA; ?></a>
       <ul role="menu" class="dropdown-menu dropdown-menu-right">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a></li>
      </ul>
    </li>
    
    <li>
        <a data-toggle="dropdown" class="dropdown-toggle" href="#" >SMUFFIPETS</a>
        <ul role="menu" class="dropdown-menu dropdown-menu-right">
            <li role="presentation" class="divider"></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li>
      </ul>
    </li>
</ul>
 

agradesco toda ayuda o comentario que me puedan brindar
Saludos

[AngelKrak]

no entendi muy bien, que es lo que quieres exactamente amig@?

Mira este menu de Bootstrap ;)
http://codepen.io/AngelKrak/pen/RWWdjz

[moscrates]

Cuadno le damos click aun dropdown se abre los sub item siempre baja del dropdowm yo quiero que se corran a al izquierda.

En la imagen le di click al dropdown que dice smuffipet, y se abre sus sunmenus que es el recuadro rosado que dicen "No hay registros"
quiero que cuando se bara ocupe el recuadro verde
osea que la barra rosa este alineada con la menu azul, no se si me explico :(

[AngelKrak]

podrias subir tu menu a codepen o si tienes la pag pasarla para poder ayudarte mejor?

[moscrates]

Ok aquí esta codepen,
http://codepen.io/Moscrates/pen/avZJER
http://codepen.io/Moscrates/pen/avZJER
no he podido hacer que se corra, los subitem

[AngelKrak]

para lo que quieres hacer solo es modificar una linea de css:

Código CSS:

.tsm_top_inner .dropdown-menu {
  left: -30px;
 

http://moscrates.com/smuffipets/css/fontend.css <---- Aqui se encuentra la Linea a Modificar

cambia ese left por left: -300px; y con eso debe de quedar como quieres ;)

Demo:
http://codepen.io/AngelKrak/full/RWRZam/

[moscrates]

Muchas gracias amigo, esa linea es la que me estaba matando, y ale habia echo uan clase antes a dropdown-menu y no cambiaba .

ya quedo muchas gracias por tu ayuda