css - 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;
}