javascript - Twitterブートストラップでホバー時にボタンを点灯させる方法

Question

Twitter ブートストラップ CSS を使用してサイトを構築していますが、問題が発生しました。

ナビゲーション バーの例

最後の方を見ると、「Bootstrap」は隠れているようです。マウスオーバーしたときにのみ点灯します（ただし、デフォルトでは黒です）。Web ページのボタンでこの機能を取得するにはどうすればよいですか?

これが私のナビゲーションバーです：

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
           <a href="./home.html" class="brand" color="black"></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active">
                <a href="#">Home</a>
              </li>
              <li class="">
                <a href="./tutoring.html">Tutoring</a>
              </li>
              <li class="">
                <a href="./competitions.html">Competitions</a>
              </li>
              <li class="">
                <a href="./board.html">Board Members</a>
              </li>
              <li class="">
                <a href="./info.html">Info</a>
              </li>
              <li class="">
                <span class="span5"></span>
              </li>
              <li class="" id="algebrayall">
                <a class="brand pull-right" style="color:black" href="./index.html">It's just algebra, y'all</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
</div>

<a class="brand pull-right" style="color:black" href="./index.html">It's just algebra, y'all</a>パーツを Bootstrap ボタンのように機能させたい。