“notificación de bootstrap” Código de respuesta

alerta de éxito de bootstrap 4

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

notificación de bootstrap

<div class="alert alert-warning alert-dismissible fade show" role="alert">
  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
Azanda

Notificaciones de bootstrap

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<div class="col-md-4 col-lg-4">
    <div class="panel panel-default">
	  <div class="panel-heading">
	    <h3 class="panel-title">Notifications</h3>
	    </div>
		<div class="panel-body">
			<div class="alert alert-success">
		      <strong class="default"><i class="fa fa-road"></i> Well done,</strong> You have finished job!
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-info">
		      <strong class="default"><i class="fa fa-user"></i> John</strong> sent you friend request.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-warning">
		      <strong class="default"><i class="fa fa-envelope-o"></i> Sam</strong> sent important mail.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-danger">
		      <strong class="default"><i class="fa fa-hdd-o"></i> Server </strong> reported problems.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-info nomargin">
		      <strong class="default"><i class="fa fa-money"></i> Received </strong> $1826 from client.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
	  </div>
    </div>
</div>

<div class="col-md-4 col-lg-4">
    <div class="panel panel-default">
	  <div class="panel-heading">
	    <h3 class="panel-title">Notifications</h3>
	    </div>
		<div class="panel-body">
			<div class="alert alert-info">
		      <strong class="default"><i class="fa fa-road"></i> Well done,</strong> You have finished job!
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-success">
		      <strong class="default"><i class="fa fa-user"></i> John</strong> sent you friend request.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-danger">
		      <strong class="default"><i class="fa fa-envelope-o"></i> Sam</strong> sent important mail.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-warning">
		      <strong class="default"><i class="fa fa-hdd-o"></i> Server </strong> reported problems.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
		    <div class="alert alert-info nomargin">
		      <strong class="default"><i class="fa fa-money"></i> Received </strong> $1826 from client.
		      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		    </div>
	  </div>
    </div>
</div>
Confused Capuchin

Respuestas similares a “notificación de bootstrap”

Preguntas similares a “notificación de bootstrap”

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código