From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Using Scrollspy

Using Scrollspy - Bootstrap Tutorial

From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Start my 1-month free trial

Using Scrollspy

“

- [Instructor] Alright, so I wanna fix a couple of things about my navigation and the main problem is that if we scroll down on this page, the navigation doesn't follow along with us. So what I want to do is make the navigation appear fixed on top so it always appears on the top and we can do that pretty easily just by adding a class here on nav called fixed top. The problem with that is that right now in some places, the navigation, you can see it when it goes into an area with a light background, it doesn't show up very well. So you kinda have to go to some sort of area like this that has a little bit darker navigation. So we could easily fix that just by adding a different background color. Right now our background is transparent, but we could do BG secondary, right, and that would make this background gray, but I do like it to be transparent, especially here at the top and I also want to use a feature in Bootstrap that highlights which section of the page I'm on as I scroll so…

Contents