From the course: Bootstrap 4 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Control positioning - Bootstrap Tutorial
From the course: Bootstrap 4 Essential Training
Control positioning
- [Instructor] There are a few ways to control the positioning of your elements in Bootstrap, and they correspond to the positioning classes that you have in regular CSS, so if we look at our options here, we can add a fixed-top class, and that will take an element, position it on top of the existing content at the top of the screen, and it'll stick there to the top forever. Now, you can also use a fixed-bottom that will take the content and position it at the bottom, and in addition to that, there's another class that's pretty interesting, called sticky-top, it will make some content stick to the top of the screen as we scroll the screen. That's pretty cool, but, it's not fully compatible with older browsers, so you do have to watch when you use that one a little bit. You also have to add spacing where needed, because when we tell something to fix itself to the top or the bottom of the screen, it's going to essentially sit on top of existing content. Sometimes that's not a problem…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.