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

前端之家收集整理的这篇文章主要介绍了css – Twitter Bootstrap:在navbar中使用`.btn`类的正确方法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用导航栏的标准导航的东西,我想包括一个按钮登录注册

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

结果是这样的:

当徘徊时,它出来:

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

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

谢谢。

解决方法

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

html应该这样布局:

  1. <div class="navbar navbar-fixed-top active">
  2. <div class="navbar-inner">
  3. <div class="container" style="width: auto;">
  4. <a class="brand" href="#">Project name</a>
  5. <div class="nav-collapse">
  6. <ul class="nav">
  7. ... nav links ...
  8. </ul>
  9. <form class="navbar-search pull-left" action="">
  10. ... search Box stuff
  11. </form>
  12. <a class="btn btn-success">Sign in</a>
  13. <a class="btn btn-primary">Sign up</a>
  14. </div>
  15. </div>
  16. </div>
  17. </div>

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

猜你在找的CSS相关文章