change size of alert bootstrap code example

Example 1: change size of alert bootstrap

In Bootstrap (v4 and v5), use this width modifier (w-25, w-50, w-75):

<div class="alert alert-danger w-50" role="alert">
  Here is some text!
</div>

Example 2: bootstrap Alerts Additional content Dismissing

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

Enable dismissal of an alert via JavaScript:

$('.alert').alert()
$().alert('close')
$().alert()
$().alert('dispose')

Events

close.bs.alert
closed.bs.alert