interactions.md

layout	title	description	group	toc
docs	Interactions	Utility classes that change how users interact with contents of a website.	utilities	false

Text selection

Change the way in which the content is selected when the user interacts with it.

{{< example >}}

This paragraph will be entirely selected when clicked by the user.

This paragraph has default select behavior.

This paragraph will not be selectable when clicked by the user.

{{< /example >}}

Cursors

Change the cursor from a default value to pointer with our built-in utility.

{{< example >}} Non-button element button {{< /example >}}

Pointer events

Bootstrap provides pe-none and pe-auto classes to prevent or add element interactions.

{{< example >}}

This link can not be clicked.

This link can be clicked (this is default behaviour).

This link can not be clicked because the pointer-events property is inherited from its parent. However, this link has a pe-auto class and can be clicked.

{{< /example >}}