Revision de Codigo HTML5 - Bootstrap

Wintx Hack · Noviembre 17, 2015, 07:44:15 PM

Hola amigos de Wintx Coders, vengo a pedirles una pequeña ayudita con mi codigo HTML5 con Boostrap.

El error que me presenta es que al poner la web de forma en dispositivo movil(Achicando el Navegador) se me oculta la barra todo perfectamente, pero no me la despliega el menu ...

Yo les dejo el codigo para que ustedes lo revisen & me digan a que viene el error.

Código (html5) [Seleccionar]



<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <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">
  <link rel="stylesheet" href="css/estilos.css">
  <title>Blog WintxCoders Company</title>
</head>
<body>

  <header>
      <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
          <div class="container">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navegacion-wc">
                    <span class="sr-only"> Desplegar / Ocultar Menú </span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand"> WintxCoders Blog (Wintx Hack)</a>
              </div>
                <!-- Aqui inicia el Menu -->
                <div class="collapse navbar-collapse" id="#navegacion-wc">
                    <ul class="nav navbar-nav">
                      <li class="active"><a href="#">Inicio</a></li>
                      <li class="dropdown">
                          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
                            Categorias <span class="caret"></span>
                          </a>
                          <ul class="dropdown-menu" role="menu">
                              <li><a href="#">Categoria #1</a></li>
                              <li><a href="#">Categoria #2</a></li>
                              <li><a href="#">Categoria #3</a></li>
                              <li><a href="#">Categoria #4</a></li>
                          </ul>
                      </li>
                      <li><a href="#">Desarrolladores</a></li>
                      <li><a href="#">Foro WC</a></li>
                    </ul>

                    <form action="" class="navbar-form navbar-right" role="search">
                        <div class="form-group">
                          <input type="text" class="form-control" placerholder="buscar">
                        </div>
                        <button type="submit" class="btn btn-primary">
                          <span class="glyphicon glyphicon-search"></span>
                        </button>
                    </form>
                </div>
          </div>
      </nav>
  </header>

  <!-- Aqui va el JumboTron -->

  <section class="main container"></section>

  <footer></footer>


<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

espero su respuesta, GRACIASS!!!

WIитX · Noviembre 19, 2015, 12:37:23 AM

Hola!

Podrías dejar todos los archivos?

Revision de Codigo HTML5 - Bootstrap

Wintx Hack

Noviembre 17, 2015, 07:44:15 PM

WIитX

Noviembre 19, 2015, 12:37:23 AM #1