Is there any bootstrap 4 class with "cursor:pointer" different than "btn"?

Question

I am using bootstrap cards class and I want to see the cursor pointer when hovering some card. However, I do not want to use style attribute, only bootstrap classes. I know that btn class is a possible choice, but it includes text-align: center and therefore I have to insert text-left to fix the alignment behavior.

Is there any bootstrap 4 option that offer just cursor :pointer property?

Answer 1

You could add role="button" to your HTML element, because Bootstrap has the following CSS:

[role=button] {
  cursor: pointer;
}

This also has the bonus of adding accessibility hints.

Answer 2

You can make the card a summary element...

<summary class="card">
    <div class="card-body">
       ...
    </div>
</summary>

https://www.codeply.com/go/QRiBdrBHcL

Answer 3

for now no cursor:pointer class is in bootstrap. you have add your own class in cursor pointer