Advertisement

Google Ad Slot: content-top

Bootstrap 5 Pointer Events


Bootstrap 5 provides pointer event utilities to control how elements respond to mouse clicks, taps, or hover interactions.

Class

Description

pe-none

Disables pointer events on the element (pointer-event: none)

pe-auto

Defines the root of an HTML document (pointer-event: auto)

Example
<button class="btn btn-primary pe-none">Disabled Button</button>
<a href="#" class="pe-none">This link is not clickable</a>
<div class="mt-1 pe-none">
<button class="btn btn-success pe-auto">Clickable Button</button>
</div>
Try it yourself