I know there is .btn class in bootstrap
<span class="btn" style="background-color: #82CFFD"><strong>R</strong></span>
It has nice styling, but is reacting like button, hover state etc, etc. Is there in bootstrap class like .btn but not to have hover state, or we have to make it :(
The .btn classes are designed to be used with the <button> element. However, you can also use these classes on <a> or <input> elements (though some browsers may apply a slightly different rendering).
To create a large button, use the . btn-lg class in Bootstrap.
You can use an out div with a class btn-group . This helps to align the buttons horizontally. Using col-md-6 for each button div can make the buttons missaligned with unwanted space in between. how to add horizontal spacing?
I think the easiest thing to do would be to add some .nohover
class to the desired .btn
elements that would have the same styles as a .btn
class
HTML
<span class="btn nohover" style="background-color: #82CFFD"><strong>R</strong></span>
CSS
.btn.nohover:hover {
/* here copy default .btn class styles */
cursor:default !important;
/* or something like that */
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With