如何在链接处于活动状态时显示边框底部

Question

我正在设计bootstrap 3 如何在链接处于活动状态时获得边框底部？ 我必须提到css3代码。

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav >  a:focus, .navbar-default .navbar-nav >  a:hover {
color: #354242;
background-color: #fff;} .navbar-nav { padding-top: 5px; }

.navbar-default .navbar-nav > a,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { border-bottom: 2px solid #E74C3C; outline: none; } .navbar { min-height: inherit; margin-bottom: 0px; }

Answer 1

尝试这个，我尝试使用firebug在你的链接中，它工作正常。

.navbar-right li .active {
    border-bottom: 2px solid #E74C3C;
}