简单的方法navbar bootstrap

我开始使用Bootstrap。现在我正在寻找一个导航栏here的导航栏。侧面导航栏HTML和JavaScript我试图把（固定侧导航栏看到它的链接不是在链接的例子）简单的方法navbar bootstrap

代码：

<ul><li>first menu</li> 
<ul><li>sub menu<li> 
<li>sub menu 2</li> 
<ul> 
<ul>

但目前还不清楚在JavaScript中。当他滚动和设计时如何打开和选择活动元素？

我在找一些开源或像jqueryui这样的项目。

来源

2014-05-04 medhamza7

http://getbootstrap.com/examples/starter-template/和 http://getbootstrap.com/components/#navbar – Pika

这是一个工作模板： http://bootstrapzero.com/bootstrap-template/affix-sidebar – ZimSystem

可能的重复[如何重新创建菜单，如getbootstrap.com上的右侧导航菜单]（http://stackoverflow.com/questions/23303035/how-to -recreate-menu-like-the-right-nav-menu-at-getbootstrap-com） –

如果你正在寻找增加固定侧边栏像引导使用他们的文档，就像这里要注意http://getbootstrap.com/javascript/#affix，试试这个：

添加id="foo" data-spy="affix" data-offset-top="100" data-offset-bottom="10"您要在滚动到位锁定<div>或<ul>。

，并在页面的底部添加的JavaScript：

<script type="text/javascript"> 
$('#foo').affix({ 
    offset: { 
     top: 100 
    , bottom: function() { 
     return (this.bottom = $('.footer').outerHeight(true)) 
     } 
    } 
    }) 
</script>

从那里，你要调整上，你希望通过调整“顶”元素，锁定的高度。

例如：

<div id="foo" data-spy="affix" data-offset-top="100" data-offset-bottom="10"> 
    <!-- everything in here is be fixed to top --> 
</div> 

<script type="text/javascript"> 
    $('#foo').affix({ 
    offset: { 
     top: 100 
     , bottom: function() { 
      return (this.bottom = $('.footer').outerHeight(true)) 
     } 
    } 
    }) 
</script>

仅供参考，我会建议您的文章更新的标题，也许是“修正了自举/粘性导航。”而不是“简单的方式navbar引导”（只是我的意见）

来源

2014-05-04 16:26:23 morganjlopes

固定的一面你在链接中看到它 – medhamza7

好的@ medhamza7，检查更新的答案 – morganjlopes

谢谢你的安慰问：（解码HTML和创建导航栏）并且我需要affix.js吗？ – medhamza7

简单的方法navbar bootstrap

回答

相关问题