Saltar al contenido

cuadro de mensaje ejemplo de código de bootstrap 4

Te damos la bienvenida a nuestra página, ahora encontrarás la solucíon a lo que andabas buscando.

Ejemplo 1: alerta de éxito de bootstrap 4

<divclass="alert alert-primary"role="alert">
  This is a primary alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div><divclass="alert alert-secondary"role="alert">
  This is a secondary alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div><divclass="alert alert-success"role="alert">
  This is a success alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div><divclass="alert alert-danger"role="alert">
  This is a danger alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div><divclass="alert alert-warning"role="alert">
  This is a warning alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div><divclass="alert alert-info"role="alert">
  This is a info alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div><divclass="alert alert-light"role="alert">
  This is a light alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div><divclass="alert alert-dark"role="alert">
  This is a dark alert with <ahref="#"class="alert-link">an example linka>. Give it a click if you like.
div>

Ejemplo 2: alerta de arranque 4

<divclass="alert alert-warning alert-dismissible fade show"role="alert"><strong>Holy guacamole!strong> You should check in on some of those fields below.
  <buttontype="button"class="close"data-dismiss="alert"aria-label="Close"><spanaria-hidden="true">×span>button>div>

Te mostramos las comentarios y valoraciones de los lectores

¡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 *