-1

soy novato con bootstrap! estoy diseñando una pagina web con java (utilizo IDE eclipse oxygen y TomCat v8.5, aclaro por las dudas) fui a la pagina de bootstrap copie el código de esta nav aca el link de la nav en el navegador se me visualiza perfectamente, el problema es que:

1)Quiero cambiar los colores como por ejemplo el fondo de esa nav, entonces fui a la carpeta css, abrí el archivo bootstrap.min.css, busque el nombre de la clase de esa nav, le cambie el color y como resultado Desde Eclipse se me ve el cambio al hacer correr el jsp, pero cuando lo pruebo desde el navegador google o cualquiera que sea, no me muestra el nuevo cambio de color.

2)Ademas Al hacer click en el dropDown no hace el drop!.

Espero sea haya entendido!

4
  • 1
    Podrías añadir los cambios que le hiciste? algo de código seria útil para ayudarte.
    – Artudoxo
    el 23 jul. 2019 a las 19:55
  • Hola gracias por responder..mira en realidad no hice cambios solo fui al css y me fije el color de fondo que tenia por default esat es la clase .bg-light{background-color:#f8f9fa!important}
    – Claudio
    el 23 jul. 2019 a las 19:58
  • 1
    revisa toda la documentación acá esta la documentacion del background getbootstrap.com/docs/4.3/components/navbar/#color-schemes
    – DavElsanto
    el 23 jul. 2019 a las 21:15
  • Muchas Gracias David!! voy a leer!
    – Claudio
    el 23 jul. 2019 a las 23:32

2 respuestas 2

0

Para trabajar de una manera mas cómoda te recomiendo usar la versión desminificada para realizar tus cambios. Tener en cuenta que los componentes como los DropDowns requieren tener el archivo js en tu proyecto.

Respecto al los estilos verifica que la ruta este correcta cuando estés en el navegador, Si pudieras agregar una captura de la consola de Chrome seria mucho mejor

5
0

Con respecto al color de la nav, le hice caso a David Santos siguiendo esto introducir la descripción del enlace aquí Solo que me da a elegir entre esos colores, yo quería otros. Y con respecto al DropDown la solución fue cambiar los scripts por estos:

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

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.