How can i remove bootstrap tab's hover effect?

Question

There is a vibration on bootstrap tab's hover event and i cant not remove it.

Here is the live demo: http://html.banjaworks.com/Gediz-Elektrik/update-info.html

You will see the vibration on hover.

Thanks.

Answer 1

What you missing is border:0px; and remove margin: 0 !important; from this class .nav li:hover a

Just add border:0px in .nav-tabs>li>a and you are done

So

border: 1px solid transparent;

replace this to

border: 0px;

and

.nav li:hover a {
    border: none;
    background: none;
    color: #00adee;
    margin: 0 !important;
}

should be

.nav li:hover a {
    border: none;
    background: none;
    color: #00adee;
}