3

Estoy agregando un menú dinámico para cuando este en un dispositivo pequeño me aparezca un botón que despliegue las opciones. El problema es que no me aparece el icono que escogí en los componentes bootstrap glyphicon glyphicon-menu-hamburger solamente me aparece un pequeño cuadrito. Al escoger un componente relativamente mas pequeño si me aparece bien.

Este es el código que estoy usando:

<header class="container">
  <div id="menu" class="navbar navbar-default navbar-fixed-top">
    <div class="navbar-header">
      <button class="btn btn-success navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="glyphicon glyphicon-menu-hamburger "></span>
      </button>          
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="nav active"><a href=".">Home</a>
        </li>
        <li class="nav"><a href="about.html">About</a>
        </li>
        <li class="nav"><a href="contact.html">Story</a>
        </li>
        <li class="nav"><a href="contact.html">FAQ</a>
        </li>
        <li class="nav"><a href="contact.html">Contact</a>
        </li>
      </ul>
    </div>
  </div>
</header>
7
  • que versión de bootstrap usas?
    – Alan
    el 10 oct. 2016 a las 18:43
  • Estoy usando la 3.0 porque si uso la actual no se me despliegan las opciones el 10 oct. 2016 a las 20:20
  • Es por los colores que utilizas, fijate de cambiarlos, probando tu mismo código pero con la barra inversa se ve perfecto, podrías cambiarle el color vía css. bootply.com/tbNqRswdYp
    – Alan
    el 10 oct. 2016 a las 20:25
  • 1
    Si no se despliega el menú deberías chequear la referencia al .js de bootstrap tambien a jquery.
    – Alan
    el 10 oct. 2016 a las 20:30
  • 2
    En efecto es por la versión de bootstrap, la cambie a la actual y corregi mi referencia jquery el 10 oct. 2016 a las 20:39

2 respuestas 2

1

Lo que entendí de tu problema fue que el icono menu-hamburger no te parece, cierto? de ser así, yo probé tu código y si me aparece, puede ser el color de la fuente que se pierde con el color del botón, prueba cambiándolo!

1
  • Intentaste deplegar las opciones?? Me parece que es problema de la versión de bootstrap el 10 oct. 2016 a las 20:21
1

La Solución es simple:

1) Asegurate de que el tamaño de la fuente es el indicado.
2) Asegurate de que el color de la fuente no es del mismo color que el fondo del elemento padre que lo arropa.
3) Si ninunga de las opciones anteriores te ha funcionado, cambiate a FontAwesome, personalmente posee mejor vectorización de iconos y más variedad. El link de la página es el siguiente: http://fontawesome.io/
4) Como ultima recomendación comienza tu aprendizaje de diseño básico en illustrator en Windows y Corel Draw en Centos y diseña tus propios iconos.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.