Html Bootstrap 3按钮呈现错误CSS和未对齐

这是我的（您必须展开结果窗格才能看到它的辉煌）

请注意绿色的“注册”按钮：

• 固定在导航栏顶部；及
• 看起来不像正常的“成功”按钮（）

我不知道这是因为我正在使用CDN（可能CDN已经过时），还是因为我在下面的代码中缺少一些CSS规则而发生了这两件事：

<ul class="nav navbar-nav navbar-right">
    <li class="active"><button type="button" class="button btn-success">Sign up</button></li>
    <li class="active"><button type="button" class="button btn-link">Sign in</button></li>
</ul>

注册
登录

---

你知道我哪里出错了吗？

你可以试试这个

class=“btn btn success btn lg”

---

在代码中，您使用“button”代替“btn”

首先，您需要在按钮上使用btn类而不是button类，然后您需要将按钮包装在导航栏表单父级中，以便正确定位它们，如下所示：

<form class="navbar-form navbar-right">
    <div class="form-group">
        <button type="button" class="btn btn-success">Sign up</button>
        <button type="button" class="btn btn-link">Sign in</button>
    </div>
</form>

注册
登录

---

您可能应该将按钮更改为链接，但请记住，在导航栏中，默认情况下，列表项中的链接将占据导航栏本身的全部高度，并将继承独特的样式。您可以将相同的btn-*类应用于链接，它们将完全像按钮一样显示。

如果您的

是一个a的孩子？谢谢@TheGeekYouNeed（+1）-您为什么认为它还没有出现？您是否查看了JSFIDLE的完整上下文？现在查看。我没有看小提琴，-我向下滚动太远，错过了链接！