Bootstrap Cursor

Small utility that sets cursor when element is hovered

Overview

In some scenarios, there is a need to provide a visual feedback of the element behavior on :hover. When button is not allowed to interact, when image thumbnail can be clicked and expand to bigger preview, when the element has to act as a button, etc. Use .cursor-<pointer|na|zoom-in|zoom-out> class on that element.

Pointer

Add .cursor-pointer class to set a pointer cursor.

This text has a pointer cursor although this isn't a link.
<strong class="cursor-pointer">This text</strong> has a pointer cursor although this isn't a link.

Not allowed

Add .cursor-na class to set a not allowed cursor.

This text has a not-allowed cursor.
<strong class="cursor-na">This text</strong> has a not-allowed cursor

Zoom

Add .cursor-zoom-in and .cursor-zoom-out class to set different zoom cursors.

This is zoom in while this is zoom out
<strong class="cursor-zoom-in">This is zoom in</strong> while this is <strong class="cursor-zoom-out">this is zoom out</strong>