CODE ALERT

[vcapelliIniciante]

DEFAULT ALERT

Primary - A simple primary alert—check it out!

Secondary - A simple secondary alert—check it out!

Success - A simple success alert—check it out!

Error - A simple danger alert—check it out!

Warning - A simple warning alert—check it out!

Info - A simple info alert—check it out!

Light - A simple light alert—check it out!

Dark - A simple dark alert—check it out!

Código:

<div class="alert alert-primary" role="alert"><strong>Primary - </strong> A simple primary alert—check it out!</div>
<div class="alert alert-secondary" role="alert"><strong>Secondary - </strong> A simple secondary alert—check it out!</div>
<div class="alert alert-success" role="alert"><strong>Success - </strong> A simple success alert—check it out!</div>
<div class="alert alert-danger" role="alert"><strong>Error - </strong> A simple danger alert—check it out!</div>
<div class="alert alert-warning bg-warning text-white border-0" role="alert"><strong>Warning - </strong> A simple warning alert—check it out!</div>
<div class="alert alert-info bg-info text-white border-0" role="alert"><strong>Info - </strong> A simple info alert—check it out!</div>
<div class="alert alert-light bg-light text-dark border-0" role="alert"><strong>Light - </strong> A simple light alert—check it out!</div>
<div class="alert alert-dark bg-dark text-white border-0 mb-0" role="alert"><strong>Dark - </strong> A simple dark alert—check it out!</div>

ICON ALERT

This is a success alert - check it out!

This is a danger alert - check it out!

This is a warning alert - check it out!

This is a info alert - check it out!

Código:

<div class="alert alert-success" role="alert"><i class="dripicons-checkmark me-2"></i> This is a <strong>success</strong> alert - check it out!</div>
<div class="alert alert-danger" role="alert"><i class="dripicons-wrong me-2"></i> This is a <strong>danger</strong> alert - check it out!</div>
<div class="alert alert-warning" role="alert"><i class="dripicons-warning me-2"></i> This is a <strong>warning</strong> alert - check it out!</div>
<div class="alert alert-info" role="alert"><i class="dripicons-information me-2"></i> This is a <strong>info</strong> alert - check it out!</div>