Foros del Web » Creando para Internet » CSS »

Dropdowns en bootstrap

Estas en el tema de Dropdowns en bootstrap en el foro de CSS en Foros del Web. holaa foreros, como puedo utilizar varios dropdows dentro de una misma pagina? tengo el dropdown del menu principal (navbar) pero este menu principal tiene dos ...
  #1 (permalink)  
Antiguo 04/07/2016, 08:17
 
Fecha de Ingreso: abril-2015
Mensajes: 10
Antigüedad: 6 años, 8 meses
Puntos: 0
Dropdowns en bootstrap

holaa foreros, como puedo utilizar varios dropdows dentro de una misma pagina?

tengo el dropdown del menu principal (navbar) pero este menu principal tiene dos opciones que contienen dropdowns, en este caso cuando se prueba en version movil al darle click al dropdown del menu funciona perfecto pero al intentar clickear sobre las otras opciones dropdowns la principal del navbar se oculta..

Código:
<div id="mainmenu">

        <ul class="nav navbar-nav" id="nav">
          <li class="active"><a href="{{url('/')}}">Inicio <span class="sr-only">(current)</span></a></li>
          <li><a href="">{{ trans('messages.nosotros') }}</a></li>
          <li><a href="#">{{ trans('messages.servicios') }}</a></li>
          <li><a href="#">{{ trans('messages.galeria') }}</a></li>
          <li><a href="#">{{ trans('messages.artistas') }}</a></li>
          <li><a href="#">Blog</a></li>
          @if(!Auth::guest())

          <li>

            <li>
              <a id="dLabel" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                {{ Auth::user()->name }}
                <span class="caret"></span>
              </a>

              <ul class="dropdown-menu" aria-labelledby="dLabel" style="z-index: 1000000000">
                <li><a href="" class="text-center">Vender una obra</a></li>
                <li><a href="" class="text-center">Configuracion cuenta</a></li>
                <li><a href="{{url('auth/logout')}}" class="text-center">Cerrar sesion</a></li>
              </ul>
            </li>
          </li>

          @endif

          <li>
            <a id="selectlang" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">idioma<span class="caret"></span></a>

            <ul class="dropdown-menu" aria-labelledby="selectlang" style="z-index: 1000000000">

              <li><a href="{{ url('lang', ['en']) }}"><img src="{{ url('images/lang/united-states.png') }}" alt="" /></a></li>
              <li><a href="{{ url('lang', ['es']) }}"><img src="{{ url('images/lang/spain.png') }}" alt="" /></a></li>

            </ul>
          </li>
        </ul>

      </div>





    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

Cabe destacar que si utilizo

Código:
<li>
            <button id="selectlang" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">idioma<span class="caret"></span></button>

            <ul class="dropdown-menu" aria-labelledby="selectlang" style="z-index: 1000000000">

              <li><a href="{{ url('lang', ['en']) }}"><img src="{{ url('images/lang/united-states.png') }}" alt="" /></a></li>
              <li><a href="{{ url('lang', ['es']) }}"><img src="{{ url('images/lang/spain.png') }}" alt="" /></a></li>

            </ul>
          </li>
En vez de

Código:
<li>
            <a id="selectlang" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">idioma<span class="caret"></span></a>

            <ul class="dropdown-menu" aria-labelledby="selectlang" style="z-index: 1000000000">

              <li><a href="{{ url('lang', ['en']) }}"><img src="{{ url('images/lang/united-states.png') }}" alt="" /></a></li>
              <li><a href="{{ url('lang', ['es']) }}"><img src="{{ url('images/lang/spain.png') }}" alt="" /></a></li>

            </ul>
          </li>
los dropdowns funcionan perfectamente pero esto no va acorde con el diseño que estoy haciendo.



espero su ayuda.

saludos.

Última edición por alfredorods; 04/07/2016 a las 08:24

Etiquetas: bootstrap
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:37.