自定义bootstrap nav-tabs的边框线

时间:2017-04-27 11:23:52

标签: twitter-bootstrap tabs border

如何自定义导航标签的边框颜色,默认为浅灰色? 我可以改变颜色内容div: http://jsfiddle.net/cjz9dyen/

我试过了:

.nav-tabs > li.active > a {
    border-color: #d45500;
}

但它在底部增加了一个边框。

1 个答案:

答案 0 :(得分:3)

也覆盖border-bottom-color

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    border-color: #d45500;
    border-bottom-color: transparent;
}
.nav-tabs {
   border-bottom: 1px solid #d45500;
}

http://www.bootply.com/gjjXWz6eOZ