how can I make this (sticky, full-width) navbar using Bootstrap?
Question
I have spent literally hours (I'm new to coding) trying to replicate this navbar ( https://bootstrapmade.com/demo/MyResume/ ) but couldn't do it. I'm not sure if it requires JavaScript knowledge (I only know HTML, CSS, and Bootstrap). Any help how to do it?
1 answers
solution1
0 ACCPTED 2017-02-12 10:47:38
It's called "ScrollSpy". You can find it in the documentation 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' })
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Is there a way that I can make this full-width?
How I can make sticky navbar using bootstrap?
How to make a full-width tab card in Bootstrap-Vue?
How to make the last column full-width
Make the Bootstrap Navbar Sticky
How can I create a full-width container for a Sigma.js graph?
how to create a full-width dropdown menu using jquery
How to make a sticky navbar?
Bootstrap, how make a navbar sticky after scrolling down when using viewport height?
Chart.JS full-width, responsive doughnut chart with Bootstrap
Related Tags