Bootstrap 5 Learning Kit

XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px
Page Navigation:
DefaultDisabledWhite

Close button

Default

<div class="alert alert-success" role="alert">
  <button type="button" class="btn-close" aria-label="Close"></button>
</div>
<div class="alert alert-success" role="alert"> <button type="button" class="btn-close" aria-label="Close"></button> </div>

Disabled

<div class="alert alert-success" role="alert">
  <button type="button" class="btn-close" aria-label="Close" disabled=""></button>
</div>
<div class="alert alert-success" role="alert"> <button type="button" class="btn-close" aria-label="Close" disabled=""></button> </div>

White

<div class="alert bg-dark" role="alert">
  <button type="button" class="btn-close btn-close-white" aria-label="Close"></button>
  <button type="button" class="btn-close btn-close-white" aria-label="Close" disabled=""></button>
</div>
<div class="alert bg-dark" role="alert"> <button type="button" class="btn-close btn-close-white" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" aria-label="Close" disabled=""></button> </div>