点击后,Bootstrap链接消失

时间:2015-06-05 07:55:21

标签: javascript jquery html css twitter-bootstrap

我有一个导航栏:

<div class="navbar navbar-default navbar-fixed-bottom" role="navigation">
  <div class="container">
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a id="link-alert" href="#" target="_blank">something that works</a></li>
        <li><a href="#" target="_blank">something</a></li>
        <li><a href="#" target="_blank">something</a></li>
        <li><a href="#" target="_blank">something</a></li>
        <li><a href="#" target="_blank">something</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">projects <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li class="dropdown-header">my projects</li>
          </ul>
        </li>
        </ul>
      </div>
    </div>
  </div>

点击以下任意内容&#39; hrefs它们消失,直到我将鼠标悬停在它们上面或点击页面上的任何其他位置。我如何解决它?

1 个答案:

答案 0 :(得分:0)

是的,我同意kimberlyvoo。 Bootstrap.css正在为此设置颜色。你必须用你的怪异颜色覆盖以下

 .navbar-default .navbar-nav > li > a:focus