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。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效