Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/americancenturys/public_html/plugins/system/t3/includes/menu/megamenu.php on line 137
American Century Systems - Alert


No default class

Alerts don't have default classes, only base and modifier classes. A default gray alert doesn't make too much sense, so you're required to specify a type via contextual class. Choose from success, info, warning, or danger.

<div class="alert alert-success" role="alert">...</div>
  <div class="alert alert-info" role="alert">...</div>
  <div class="alert alert-warning" role="alert">...</div>
  <div class="alert alert-danger" role="alert">...</div>

Dismissible alerts

Build on any alert by adding an optional .alert-dismissible and close button.

<div class="alert alert-warning alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <strong>Warning!</strong> Better check yourself, you're not looking too good.

Ensure proper behavior across all devices

Be sure to use the <button> element with the data-dismiss="alert" data attribute.

Use the .alert-link utility class to quickly provide matching colored links within any alert.

<div class="alert alert-success" role="alert">
  <a href="#" class="alert-link">...</a>
  <div class="alert alert-info" role="alert">
    <a href="#" class="alert-link">...</a>
  <div class="alert alert-warning" role="alert">
    <a href="#" class="alert-link">...</a>
  <div class="alert alert-danger" role="alert">
    <a href="#" class="alert-link">...</a>