从Bootstrap .nav-tabs中删除一些边框

Question

我使用Boostrap v3的.nav-tabs类来制作标签式菜单。 在附图中，我用黄色标记了我想要删除的边框。 我尝试了很多CSS选择器，但是无法做到。

有谁知道的方式？

Answer 1

在bootstrap css文件之后添加自定义css（例如：custom.css）：

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: 0;
}

Answer 2

对于Bootstrap 4，这将删除所有边框。

.nav-tabs {
  border-bottom: 0px solid transparent;
}
.nav-tabs .nav-link {
  border: 0px solid transparent;
}