mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-03 15:24:19 +01:00
19 lines
599 B
Markdown
19 lines
599 B
Markdown
---
|
|
layout: docs
|
|
title: Close button
|
|
description: A generic close button for dismissing content like modals and alerts.
|
|
group: components
|
|
---
|
|
|
|
**Be sure to include text for screen readers**, as we've done with `aria-label`. Disabled close buttons have `pointer-events: none` applied to, preventing hover and active states from triggering.
|
|
|
|
{{< example >}}
|
|
<button type="button" class="close" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
|
|
<button type="button" class="close" disabled aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
{{< /example >}}
|