如何使用 Bootstrap 制作这个(粘性、全角)导航栏?
how can I make this (sticky, full-width) navbar using Bootstrap?
我花了好几个小时(我是编码新手)试图复制这个导航栏 (https://bootstrapmade.com/demo/MyResume/),但没能做到。
我不确定它是否需要 JavaScript 知识(我只知道 HTML、CSS 和 Bootstrap)。
有什么帮助吗?
叫做"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' })
我花了好几个小时(我是编码新手)试图复制这个导航栏 (https://bootstrapmade.com/demo/MyResume/),但没能做到。 我不确定它是否需要 JavaScript 知识(我只知道 HTML、CSS 和 Bootstrap)。 有什么帮助吗?
叫做"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' })