Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap btn class, but not hover state

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 :(

like image 842
Schneider Avatar asked Jan 28 '14 09:01

Schneider


People also ask

What is the use of the BTN bootstrap class?

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).

Which class will you use to make a large button using bootstrap?

To create a large button, use the . btn-lg class in Bootstrap.

How do I create a horizontal button 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?


1 Answers

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 */
}
like image 112
Slavenko Miljic Avatar answered Sep 29 '22 05:09

Slavenko Miljic