Twitter Bootstrap 3 中的多个固定顶部导航栏标题 [英] Multiple fixed top navbar headers in Twitter Bootstrap 3
问题描述
- 引导程序 3.02
我希望将 2 个固定到顶部导航栏上,类似于 Joomla!3 实现他们的浏览屏幕.
然后一旦你滚动导航栏 #2 与顶部的对接:
我看过:
但是尝试多个片段我无法让它工作.任何人都可以帮助在 jsFiddle 中进行工作演示吗?
下面的代码是一个基本的开始使用两个 navbars
和 affix
.
HTML
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li class="下拉菜单"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a><ul class="下拉菜单"><li><a href="#">动作</a></li><li><a href="#">另一个动作</a></li><li><a href="#">这里还有别的东西</a></li><li class="divider"></li><li><a href="#">分隔链接</a></li><li class="divider"></li><li><a href="#">一个单独的链接</a></li><li class="下拉菜单"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a><ul class="下拉菜单"><li><a href="#">动作</a></li><li><a href="#">另一个动作</a></li><li><a href="#">这里还有别的东西</a></li><li class="divider"></li><li><a href="#">分隔链接</a></li><li class="divider"></li><li><a href="#">一个单独的链接</a></li>
</div><!--/.container-fluid --></nav><div class="divide-nav"><div class="容器"><p class="divide-text">这里有一些文本
<nav class="navbar navbar-default navbar-lower" role="navigation"><div class="容器"><div class="collapse navbar-collapse collapse-buttons"><form class="navbar-form navbar-left" role="search"><button class="btn btn-success">Button</button><button class="btn btn-default">Button</button><button class="btn btn-default">Button</button><button class="btn btn-default">Button</button></表单>