html - 推特 Bootstrap : active tabs are still underlined

Question

我正在使用 Twitter 的 Bootstrap css 创建一个基本的选项卡式导航，如图所示 here在“基本标签”下。您会注意到事件选项卡没有下划线，这让人感觉它在前台。当我使用完全相同的代码时，我的事件选项卡仍然带有下划线，这确实破坏了有效性。

我在这里创建了一个 JSFiddle:http://jsfiddle.net/s_d_p/nRB5t/1/

这是 HTML:

<div class="row" style="width:960px;">          
        <ul class="nav nav-tabs span12">
            <li class="text-center active"><a href="howitworks.php" class="">HOW IT WORKS</a></li>
            <li class=" text-center"><a href="#" class=""><small>Login</small></a></li>
            <li class=" text-center"><a href="" class=""><small>Join</small></a></li>
        </ul>
    </div>

我做错了什么吗？

Answer 1

丢失<small>标签，它工作正常。