Saltar al contenido

Alerta de Bootstrap en un div flotante fijo en la parte superior de la página

Luego de mucho batallar ya dimos con el arreglo de esta contratiempo que ciertos de nuestros usuarios de nuestro sitio web han presentado. Si quieres compartir algún detalle puedes aportar tu conocimiento.

Solución:

Si desea una alerta que se fije en la parte superior y está utilizando bootstrap navbar navbar-fixed-top, la siguiente clase de estilo superpondrá la alerta en la parte superior de la navegación:

.alert-fixed 
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px

Esto funcionó bien para mí para proporcionar alertas incluso cuando el usuario se desplaza hacia abajo en la página.

Simplemente envuelva su mensaje interno dentro de un div en el que aplica su relleno: http://jsfiddle.net/Ez9C4/

test error message

El enfoque más simple sería usar cualquiera de estas utilidades de clase que proporciona Bootstrap:

...
...
...
...
...

https://getbootstrap.com/docs/4.0/utilities/position

Puntuaciones y comentarios

Puedes sustentar nuestro estudio exponiendo un comentario y dejando una puntuación te lo agradecemos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *