我使用导航栏的标准导航的东西,我想包括一个按钮登录和注册。
我使用带有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”> ;. 如果您仍然没有找到问题,请尝试使用Chrome’s Dev Tools查看应用于不应该的按钮的CSS。