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.

Display properties

Display properties - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Display properties

“

- [Instructor] There are other ways beside the grid to control how elements are positioned within Bootstrap, so let's take a look at what they are and how to use them. Now, first of all is position. Now, if you're familiar with CSS, these work exactly like the regular CSS position property. There are three options you can use. You can make an element fixed to the top of the screen, which means it would get removed from the flow of the document and put essentially at the top of the window or at the top of the view port, and of course fixed-bottom would place the element at the bottom. There's another one called sticky-top, and that one will allow you to have an element stick to the top of the view port or the screen as you scroll in elements. That's a really useful effect, but it is not well-supported in a lot of browsers. So, that would be especially Internet Explorer and Edge, and it's only supported in the latest versions of Chrome as well. So it's a little bit iffy in terms of…

Contents