如何使用Bootstrap制作这个(粘性,全宽)导航栏?

时间:2017-02-12 10:31:13

标签: javascript jquery twitter-bootstrap navbar

我花了几个小时(我是编码新手)试图复制这个导航栏(https://bootstrapmade.com/demo/MyResume/),但却无法做到。 我不确定它是否需要JavaScript知识(我只知道HTML,CSS和Bootstrap)。 任何帮助怎么做?

1 个答案:

答案 0 :(得分:0)

它被称为" ScrollSpy"。您可以在文档here中找到它。

<body data-spy="scroll" data-target="#navbar-example">
  ...
  <div id="navbar-example">
    <ul class="nav nav-tabs" role="tablist">
      ...
    </ul>
  </div>
  ...
</body>
$('body').scrollspy({ target: '#navbar-example' })