html - 使用角度和引导程序 3.3.7无法在第一次点击时点击标签

Question

在这里，我的问题是我无法单击第一次单击/第一次闪烁和第二次单击的标签，然后它正在执行其操作。

<div class="container">

    <a href="#" class="navbar-brand"></a>

    <div class="collapse navbar-collapse" id="navbarsExampleDefault">

        <ul class="nav navbar-nav navbar-right landing-nav-text ul-right">
            <li class="active"><a href="#about">About <span class="sr-only">(current)</span></a></li>
            <li><a href="#features">Features</a></li>
            <li><a href="#info">info</a></li>


        </ul>
    </div>
</div>

下面是我的CSS。

.navbar>li {
    display: inline-block;
    list-style: none;
}

.navbar-nav>li>a {

    color: #788791;
    display: inline-block;
    padding: 0 15px 3px 15px;
    text-decoration: none;
    background-color: white !important;
}

.navbar-nav>li>a:hover {

    font-size: 14px;
    color: #788791;
    border-bottom: solid 4px #0f8287;
    margin-bottom: -3px;

}


.navbar-brand {
    padding-top: 0px !important;
    padding-bottom: 0 !important;
    height: 20px;
}

.navbar {
    height: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 0 !important;
}

.navbar-toggle {
    padding: 0 0;
    margin-top: 7px;
    margin-bottom: 0;
}

下面是我的检查元素。

所以这里第一次点击它正在闪烁，第二次点击我能够执行可能导致问题的操作？

标签： htmlangularcsstwitter-bootstrap-3