Css 应用于标记的引导按钮样式不会显示在导航栏中

总引导新手在这里，仍然学习CSS这么大的道歉，如果这是一个愚蠢的问题

我已经构建了一个引导导航栏，最后一个链接是一个按钮元素，但后来意识到，将其作为锚元素是更好的做法：

<div class="collapse navbar-collapse" id="tcsnavbar-links">
<ul class="nav navbar-nav navbar-right">
            <li><a href="#">Home</a></li>
            <li><a href="#">Order Information</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#" class="btn btn-primary navbar-btn" role="button">Quote Request</a></li>
        </ul>
    </div>

---

如果有人能给我指出正确的方向，我将不胜感激，thx:}

我发现你的问题很有趣，开始阅读引导文档并尝试了一些方法

据我所知，在需要按钮时使用锚元素不是一种好的做法。因此，当您需要按钮时，请使用按钮元素。

但在大多数情况下，它工作正常，并且打算在锚元素上使用按钮类。例如，您希望页面上的某个按钮像“下一步”按钮一样链接到下一页

但当您在.navbar nav中使用它时就不会了。医生明确地说

上下文特定用法

与标准按钮类一样，.navbar btn可用于

但是你能做的就是用导航药片来对付这种元素。然后在导航栏中有一个类似按钮的链接

<div class="collapse navbar-collapse" id="tcsnavbar-links">
  <ul class="nav navbar-nav nav-pills navbar-right">  
    <li><button href="#" class="btn btn-primary navbar-btn" type="button">Quote Request</button></li>
  </ul>
  <ul class="nav navbar-nav navbar-right">
    <li><a href="#">Home</a></li>
    <li><a href="#">Order Information</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Contact Us</a></li>
  </ul>
</div>

---

似乎对我有用，但我不完全确定你可能遗漏了什么按钮没有按预期工作。是的！非常感谢你，你是如此正确。。。我花了很长时间摆弄它，从来没有想过尝试药片，也错过了关于不使用.navbar nav中的按钮类的部分。。。万分感谢！！！！：

<div class="collapse navbar-collapse" id="tcsnavbar-links">
  <ul class="nav navbar-nav nav-pills navbar-right">  
    <li><button href="#" class="btn btn-primary navbar-btn" type="button">Quote Request</button></li>
  </ul>
  <ul class="nav navbar-nav navbar-right">
    <li><a href="#">Home</a></li>
    <li><a href="#">Order Information</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Contact Us</a></li>
  </ul>
</div>