Bootstrap导航栏链接下划线错误

Question

我输入以下代码。但我得到了强调文字。我的错是什么？

<div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <a href="#" class="navbar-brand">Hi</a>
            </div>
        </div>

Answer 1

您的文本实际上是一个链接（因为它位于<a>标记中），您正在使用的CSS可能会在某处显示链接应加下划线。您可以通过使用以下方式设置链接样式来删除下划线：

a.navbar-brand {
    text-decoration: none;
}

Answer 2

Bootstrap导航栏使用该侦听器制作一个项目列表，如链接，在其导航栏中创建一个按钮。

在你的情况下：

<div class="navbar navbar-default navbar-static-top">
     <ul class="nav navbar-nav">
        <li>
            <a href="#" class="navbar-brand">Hi</a>
        </li>
     </ul>
</div>

会做到这一点。

我设置JSFIDDLE来显示结果