Foros del Web » Creando para Internet » CSS »

Evitar que menu bootstrap se monte.

Estas en el tema de Evitar que menu bootstrap se monte. en el foro de CSS en Foros del Web. Buen dia, estoy elaborando un menu en bootstrap pero que va en la parte inferior de mi pagina, la cuestión es que cuando reduzco el ...
  #1 (permalink)  
Antiguo 08/07/2022, 07:31
 
Fecha de Ingreso: mayo-2015
Mensajes: 53
Antigüedad: 7 años, 2 meses
Puntos: 0
Evitar que menu bootstrap se monte.

Buen dia, estoy elaborando un menu en bootstrap pero que va en la parte inferior de mi pagina, la cuestión es que cuando reduzco el tamaño de la ventana este menú se monta sobre el footer,

esto es lo que pasa:

https://i.ibb.co/pQkJSYD/nav.png

este es mi codigo:

Código HTML:
Ver original
  1. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  2.      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  3.     <span class="navbar-toggler-icon"></span>
  4.   </button>
  5.   <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  6.     <div class="navbar-nav">
  7.     <li><button class="fill" onclick="window.location.href='solicitud.php'">Nueva solicitud</button></li>
  8.          <li><button class="fill" onclick="window.location.href='pendientesusuario.php'">Pendientes</button></li>
  9.          <li><button class="fill" onclick="window.location.href='asignadousuario.php'">Asignados</button></li>
  10.          <li><button class="fill" onclick="window.location.href='resueltolistausuario.php'">Resueltos</button></li>
  11.     </div>
  12.   </div>
  13. </nav>
  14.  
  15.  
  16. <?php include ("template/pie.php"); ?>

y esto es lo que tiene el archivo pie.php

Código PHP:
Ver original
  1. <footer class="bg-light text-center text-lg-start">
  2.   <!-- Copyright -->
  3.   <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
  4.     © 2022
  5.     <a class="text-dark">Chamorro Portilla SAS - Sistemas</a>
  6.   </div>
  7.   <!-- Copyright -->
  8. </footer>

Última edición por diegodelpiero; 08/07/2022 a las 07:38
  #2 (permalink)  
Antiguo 12/07/2022, 21:17
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.545
Antigüedad: 10 años, 9 meses
Puntos: 972
Respuesta: Evitar que menu bootstrap se monte.

Ese es un problema de estilos (CSS), no de PHP. Quizá enviando el pie de página al fondo (bottom: 0) se solucione, pero sin ver el código específico de esa parte, es como lanzar una moneda al aire.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 14/07/2022, 21:23
 
Fecha de Ingreso: mayo-2015
Mensajes: 53
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Evitar que menu bootstrap se monte.

es que todo esta modelado en Bootstrap, no tengo ningún estilo como tal en mi archivo de estilos, como podria hacer para agregarle esa carcteristica?
  #4 (permalink)  
Antiguo 15/07/2022, 22:42
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.545
Antigüedad: 10 años, 9 meses
Puntos: 972
Respuesta: Evitar que menu bootstrap se monte.

Puedes buscar, a través de la herramienta de desarrolladores del navegador, el bloque de código de afecta al pie de página y así ver la manera de solucionar el problema. También puedes probar con una hoja de estilos aparte, creada por ti, y añadir las instrucciones necesarias, según lo que desees lograr.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #5 (permalink)  
Antiguo 17/07/2022, 13:30
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.258
Antigüedad: 17 años, 5 meses
Puntos: 2113
Respuesta: Evitar que menu bootstrap se monte.

Cita:
Iniciado por Alexis88 Ver Mensaje
Ese es un problema de estilos (CSS), no de PHP.

Tema movido desde el Foro de PHP al de CSS
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)



La zona horaria es GMT -6. Ahora son las 12:00.