在Bootstrap 3导航栏中添加一个看起来像链接的按钮

Question

添加

<li><input class="btn btn-link" type="submit" value="Log out"></li>

到导航栏会显示一个链接，但它在悬停时有一个下划线，并且远远高于其他链接：

（在屏幕截图过程中，悬停光标变为不可见。）

我可以使用样式，但我想知道是否有正式的方法使其表现得像普通的导航栏链接。

Answer 1

根据文档（http://getbootstrap.com/components/#navbar-links），它应该是......

<p class="navbar-text"><a href="#" class="navbar-link">Link</a></p>

所以你可以用你的输入按钮代替：

<p class="navbar-text"><input type="button" class="btn-link" value="Link"></p>

示例：http://bootply.com/wfMQu1hytI