如何取消bootstrap的样式

Question

<ul class="nav nav-list">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">话题</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">消息</a></li>
            </ul>

用bootstrap写导航，nav下的li有个hover样式，但我hover时不想改变样式，有什么办法可以禁用或删除这个hover样式吗？

Update：li后面的背景图不一样，所以覆盖的方式不太可行。。

Answer 1

自己写个hover样式覆盖默认的，不想要hover样式可以把hover写成跟不hover时一样的样式

Answer 2

可以css强制覆盖

.currentContainer .nav-list li:hover{
  // 想要的样式
}

Answer 3

bootstrap的导航默认样式会有id在上面，就是为了你可以通过id选择器，重写覆盖掉原有css样式的

Answer 4

直接改bootstrap.css。。。

Answer 5

1.自己定制bootstarp,在bootstarp中文网或者官网都有这个功能
2.使用!important 来强制使用你的css