From the course: Bootstrap 3 Essential Training

Unlock the full course today

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

Controlling menus with ScrollFix/Affix

Controlling menus with ScrollFix/Affix - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

Controlling menus with ScrollFix/Affix

- In this video, I'm going to show you a couple of components that Bootstrap has for working with navigation in pages that are very long. So, I've prepared a project for you right here. It's a pretty simple, single-page project and I've placed these different sections of content throughout this page. Now, the problem with normal navigation is that when I click on one of these elements, you'll see that because my link is targeting the ID of the element called "Services," it's going to jump to that location. And that's fine, but if I want to navigate to another place in the document, I would have to scroll all the way up and then click on the next element. And that's not a very good interface. So, there's a couple of things that you can do in Bootstrap that will help that a lot. Now, one more thing that I've done here is modified my CSS to make sure that this image is displaying. It's centered on this tag called "header," and it has a 600 pixel height as well, so that's what gives it…

Contents