Bootstrap "button" without btn class -

Bootstrap "button" without btn class -

is possible have kind of design without btn class ?

i need display inform user of status don't want "mousover" changhing style, juste information.

the code:

class="snippet-code-html lang-html prettyprint-override"><link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-default btn-sm btn-ok active"> <input type="radio" name="relevance" value="1" checked="checked"/> o </label> <label class="btn btn-default btn-sm btn-ko "> <input type="radio" name="relevance" value="0"/> n </label> <label class="btn btn-default btn-sm btn-dunno "> <input type="radio" name="relevance" value="-1"/> ? </label> </div>

my result (with custom class):

https://drive.google.com/file/d/0b6ct8ikyehhydufcvvpvne9swdg/view?usp=sharing

you need override :hover , :active selectors .btn , .btn-default class in css.

bootstrap's css changes background color on :hover , add together inner shadow on top on :active.

twitter-bootstrap button