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?
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.
You can make the card a summary element...
<summary class="card">
<div class="card-body">
...
</div>
</summary>
for now no cursor:pointer class is in bootstrap. you have add your own class in cursor pointer