### Alerts

Simple Alerts

Copy

    <div class="container py-5">
      <div class="row">
        <div class="alert alert-primary text-white font-weight-bold" role="alert">
          A simple primary alert—check it out!
        </div>
        <div class="alert alert-secondary text-white font-weight-bold" role="alert">
          A simple secondary alert—check it out!
        </div>
        <div class="alert alert-success text-white font-weight-bold" role="alert">
          A simple success alert—check it out!
        </div>
        <div class="alert alert-danger text-white font-weight-bold" role="alert">
          A simple danger alert—check it out!
        </div>
        <div class="alert alert-warning text-white font-weight-bold" role="alert">
          A simple warning alert—check it out!
        </div>
        <div class="alert alert-info text-white font-weight-bold" role="alert">
          A simple info alert—check it out!
        </div>
        <div class="alert alert-light text-white font-weight-bold" role="alert">
          A simple light alert—check it out!
        </div>
        <div class="alert alert-dark text-white font-weight-bold" role="alert">
          A simple dark alert—check it out!
        </div>
      </div>
    </div>

Alerts with Links

Screenshot
Get the Code

Alerts with Content

Screenshot
Get the Code

Dismissing Alert

Screenshot
Get the Code