Bootstrap 3 超链接作为导航栏中的按钮答案

【解决方案1】：

编辑：您的问题似乎在这里有更具体的答案：Bootstrap 3.0 Button in Navbar

否则，这是我自己的观察：

在这里你可以看到

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>

一模一样

<a class="btn btn-default">Default</a>
<a class="btn btn-primary">Primary</a>
<a class="btn btn-success">Success</a>
<a class="btn btn-info">Info</a>
<a class="btn btn-warning">Warning</a>
<a class="btn btn-danger">Danger</a>

这适用于标准、单击和悬停样式，这意味着当鼠标光标位于上方时，或主动单击按钮时。

在您的情况下，问题是有一些其他 css 干扰了标准引导 css。在您的情况下，似乎存在这样的情况：

a{
    padding: 15px;
    color: light-grey;
}

请注意，您的 -button 具有与其他菜单元素之一相同的文本颜色。错误就在这里。您需要做的是调试您的其他 CSS，并确保（预期的）<a>-style 特定于您希望它影响的元素，并应用于所有 <a>-elements。

如果您使用的是 chrome，请右键单击该元素，然后选择检查元素，以打开一个菜单，您可以在其中访问和查看所有影响的不同 css 属性。

【讨论】：

【解决方案2】：

以下代码将链接创建为按钮：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<a href="http://www.stackoverflow.com/" class="btn btn-info" role="button">Link Button</a>

   <a href="#" class="btn btn-info" role="button">Link Button</a>

这是用于引导程序。当您想使用按钮创建链接时，请使用此按钮。

【讨论】：

这个答案表明没有努力理解实际问题，你只是扔掉了一个标准化的教科书答案，在这里根本没有帮助......
这个问题就像那个答案一样简单。我会提供什么样的答案？给他写代码？
在获取更多信息之前，您不应提供任何答案。如果您真的想回答问题，请询问更多信息。
没有。我们应该向他们展示一个方向，如果他们需要更多帮助，他们可以提出表扬，以便我们进一步提供帮助。Tbh，如果提问者会检查文档，这里就不会有任何问题了。
我完全不同意你刚刚写的一切。用户已检查文档。很明显，他已经尝试过的正是您试图发布的答案。如果您花一点时间来询问更多信息，那么至少很容易怀疑该问题是覆盖 css 的，并且与不正确的 html 标记完全无关，因此您的答案仅提供比噪音。当你根本不理解问题时，你试图“指明方向”是徒劳的。