1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda bootstrap y dropdown

Tema en 'HTML y CSS' comenzado por hasif18, 12 de Junio de 2017.

  1. hasif18

    hasif18 Nuevo Miembro

    Se incorporó:
    12 de Junio de 2017
    Mensajes:
    2
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    estoy adentrandome en el tema de boostrap pero al realizar un ejemplo de dropdown el desplegado de los <ul> asi como los <li> no aparecen al hacer click sobre el boton, si elimino la clase .drodown-menu aparecen las opciones pero sin el estilo de los bordes, solo el texto. este es el codigo:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Dropdown</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">


    </head>
    <body>

    <div class="container">
    <br>
    <!-- la creacion de un menu tipo dropdown o desplegable hacia abajo se realiza mediante la utilizacion de un boton al cual se le añadiran atributos que ocasionan este comportamiento los atributos son:
    añadir la clase dropdown-toggle
    type -indicar que es de tipo boton
    id -asignarle un nombre al boton que servira para relacionar el menu desplegable
    data-toggle="dropdown"
    aria-expanded="true"
    aria-haspopup="true"
    -->
    <div class="dropdown">
    <button class="btn dropdown-toggle btn-default" type="button" id="menu1" data-toggle="dropdown" aria-expanded="true">
    dropdown
    <span class="caret"></span> <!-- se añade una etiqueta spanp ara insertar la imagen de flecha hacia abajo -->
    </button>
    <!-- el atributo labelledby siempre lleva le nombre que se le asigno al boton para relacionarlo -->
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
    <li role="presentation" class="dropdown-header">header</li>
    <li role="presentation"><a href="#">Action</a></li>
    <li role="presentation"><a href="#">Another action</a></li>
    <li role="presentation"><a href="#">Something else here</a></li>
    </ul>
    </div>

    <script type="text/javascript" class="js/jquery.js"></script>
    <script type="text/javascript" class="js/bootstrap.min.js"></script>

    </body>
    </html>

    Eh incluso copiado el codigo que ofrece bootstrap y sin exito
     
  2. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    579
    Me gusta recibidos:
    438
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Pues o_Oo_O funciona correctamente el code... solo que falta cerrar un elemento </div> a la clase dropdown puede ser que tenga mal el jQuery.js
    te dejo la imagen
    upload_2017-6-12_20-55-15.png
     
    A AngelKrak le gusta esto.

Comparte esta página