elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Error bootstrap 3 en navbar
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Error bootstrap 3 en navbar  (Leído 1,983 veces)
XKC

Desconectado Desconectado

Mensajes: 128



Ver Perfil
Error bootstrap 3 en navbar
« en: 31 Octubre 2017, 16:35 pm »

Hola a todos y gracias de antemano,
Supongo que muchos habreis utilizado bootstrap para crear los estilos d euna web, y bien, yo tengo un problema:
Tengo en el directorio / :
  - index.php
  - about.php
  - Otros...

La cuestion es que en index.php tengo una barra de navegacion:
Código:
<nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
              <span class="icon-bar"></span>                     
            </button>
            <a class="navbar-brand" href="#ini">......</a>
          </div>
          <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">   
              <li><a href="#aboutUs">Sobre nosotros</a></li>
              .............................................
            </ul>
          </div>
        </div>
      </nav>

y en el mismo documento tengo codigo tal que:
Código:
  
<section id="aboutUs" class="container-fluid text-center"></section>

Todo funciona bien, incluso tengo animaciones y demas.

El problema viene cuando en la pagina about.php quiero mantener la misma barra de navegacion, con la diferencia de que quiero que rediriga a index.php, tal que si desde about.php pinchas en about us quiero que me redirija a index.php en la sección about us.
Entonces tengo este codigo:
Código:
<nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
              <span class="icon-bar"></span>                       
            </button>
            <a class="navbar-brand" href="index.php">.........</a>
          </div>
          <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">   
              <li><a href="index.php#aboutUs">Sobre nosostros</a></li>
            </ul>
          </div>
        </div>
      </nav>


Bien, pues este ultimo no funciona, es decir, no hace nada al pinchar encima.
Sin embargo si elimino el '#aboutUs' ya funciona(redirige solo a index.php logicamente), osea esto si funciona:
Código:
<li><a href="index.php">Sobre nosostros</a></li>

¿Que esta pasando aqui y como puedo solucionarlo?

Como detalle tambien decir que si fuera de las etiquetas <nav> pongo esto :
Código:
<a href="index.php#aboutUs">Sobre nosostros</a>
funciona correctamente, por eso pienso que el problema debe estar en bootstrap..
Gracias a todos por vuestra atencion,
Un saludo


En línea

Para poder atacar y vencer con seguridad, ataca donde ellos no puedan defenderse.
Para defenderte y resistir firme, defiéndete en donde ellos no atacarán.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Bootstrap
Desarrollo Web
kakashi20 5 3,484 Último mensaje 13 Junio 2014, 06:29 am
por flacc
[Resuelto] Inicializar bootstrap-tooltip en Bootstrap v3.0.3
Desarrollo Web
DarK_FirefoX 0 3,709 Último mensaje 6 Abril 2015, 17:28 pm
por DarK_FirefoX
Ayuda: Navbar de bootstrap
Desarrollo Web
t4r0x 3 2,444 Último mensaje 8 Septiembre 2015, 02:33 am
por str_null
mostrar el nombre y el apellido del usuario logueado en el navbar
PHP
jose4lfredo 1 9,308 Último mensaje 17 Mayo 2017, 09:28 am
por hechicerd0
File input bootstrap error
PHP
bgnumis 3 5,064 Último mensaje 21 Octubre 2017, 21:58 pm
por Diabliyo
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines