css – Twitter Bootstrap：在navbar中使用`.btn`类的正确方法是什么？

我使用导航栏的标准导航的东西，我想包括一个按钮登录和注册。

我使用带有btn btn-large btn-success类的标签，默认情况下它出现在navbar不适应嵌套btns的使用。

结果是这样的：

当徘徊时，它出来：

我的问题基本上是：我做错了吗？有什么我错过了吗？

思想，我会问，我重新定义CSS类为.btn。在导航栏内。

谢谢。

解决方法

导航栏容纳按钮没有问题 – 我有导航栏中的按钮没有任何问题，我能够将它们添加到 static navbar example on the Bootstrap page：

html应该这样布局：

<div class="navbar navbar-fixed-top active">
  <div class="navbar-inner">
    <div class="container" style="width: auto;">
      <a class="brand" href="#">Project name</a>
      <div class="nav-collapse">
        <ul class="nav">
          ... nav links ...
        </ul>
        <form class="navbar-search pull-left" action="">
          ... search Box stuff
        </form>
        <a class="btn btn-success">Sign in</a>
        <a class="btn btn-primary">Sign up</a>
      </div>
    </div>
  </div>
</div>

如果您不使用自适应布局在较小的屏幕上折叠导航栏，只需将按钮链接放在< div class =“container”&gt ;. 如果您仍然没有找到问题，请尝试使用Chrome’s Dev Tools查看应用于不应该的按钮的CSS。

原文地址：https://www.jb51.cc/css/223525.html