Latest web development tutorials

Advertencia bootstrap

En este capítulo se explicará Advertencia (Alertas) y la clase Bootstrap previsto las advertencias. Advertencia (Alertas) para proporcionar a los usuarios una manera de definir el estilo del mensaje. Ellos proporcionan retroalimentación contexto como operaciones de usuario típicos.

Se puede añadir un botón de cierre opcional para el cuadro de advertencia. Para crear un cuadro de alerta revocable en línea, utilice Advertencia (Alertas) plugin de jQuery .

Se puede crear un <div>, y añadir unaclase .alert y cuatro clases de contexto (es decir .alert-éxito, .alert-info,.alert de alerta, .alert-peligro) en añadir una cuadro de advertencia básica. El siguiente ejemplo ilustra este punto:

Ejemplos

<Div class = "alerta alerta-éxito" > Éxito! Bien hecho presente. </ Div> <Div class = "alerta alerta-info" > información! Por favor, tenga en cuenta esta información. </ Div> <Div class = "alerta alerta alerta" > ¡Atención! Por favor, no envíe. </ Div> <Div class = "alerta alerta de peligro" > Error! Por favor, hacer algunos cambios. </ Div>

Trate »

Los resultados son los siguientes:

Advertencia (Alertas)

Advertencia revocable (Alertas de despido)

Crear una advertencia revocable (Alerta de despido) de la siguiente manera:

  • Mediante la creación de un <div>, y añadir unaclase .alert y cuatro clases de contexto (es decir .alert-éxito, .alert-info,.alert de alerta, .alert-peligro) en enviar un básica cuadro de advertencia.
  • Al mismo tiempo, añadir el.alert-descartable arriba <div> clase opcional.
  • Agregar un botón de cierre.

El siguiente ejemplo ilustra este punto:

Ejemplos

<Div class = "alerta-éxito de alerta alerta -dismissable"> <Botón type = "button" class = "cerrar" datos desestimar = "alerta" aria-hidden = "true"> y tiempos; </ Botón> Éxito! Bien hecho presente. </ Div> <Div class = "alerta alerta alerta información -dismissable"> <Botón type = "button" class = "cerrar" datos desestimar = "alerta" aria-hidden = "true"> y tiempos; </ Botón> Información! Por favor, tenga en cuenta esta información. </ Div> <Div class = "alerta alerta alerta alerta -dismissable"> <Botón type = "button" class = "cerrar" datos desestimar = "alerta" aria-hidden = "true"> y tiempos; </ Botón> Warning! Por favor, no envíe. </ Div> <Div class = "alerta alerta alerta de peligro -dismissable"> <Botón type = "button" class = "cerrar" datos desestimar = "alerta" aria-hidden = "true"> y tiempos; </ Botón> Error! Por favor, hacer algunos cambios. </ Div>

Asegúrese de utilizar el botón <> condespedir fichaatributos= "alerta" de datos.
Trate »

Los resultados son los siguientes:

Advertencia revocable (Alertas de despido)

Advertencia enlace (Alertas) en

Para crear un enlace en el Aviso (Alertas) de la siguiente manera:

  • Mediante la creación de un <div>, y añadir unaclase .alert y cuatro clases de contexto (es decir .alert-éxito, .alert-info,.alert de alerta, .alert-peligro) en enviar un básica cuadro de advertencia.
  • Utilice las clases de entidad.alert-Link para enlazar rápidamente con colores a juego.

Ejemplos

<Div class = "alerta alerta-éxito" > <A href = "#" class = "alerta-link"> Éxito! Bien hecho presente. </ A> </ Div> <Div class = "alerta alerta-info" > <A href = "#" class = "alerta-link"> información! Por favor, tenga en cuenta esta información. </ A> </ Div> <Div class = "alerta alerta alerta" > <A href = "#" class = "alerta-link"> ¡Atención! Por favor, no envíe. </ A> </ Div> <Div class = "alerta alerta de peligro" > <A href = "#" class = "alerta-link"> Error! Por favor, hacer algunos cambios. </ A> </ Div>

Trate »

Los resultados son los siguientes:

Advertencia enlace (Alertas) en