Hello in this bootstrap four video, we're going to look at using multiple roles, or may have referred to having a bunch of elements and 13 elements going on to a different line as a row really shouldn't along and try not to, they're essentially lines. The reason they are rollers on the reader don't want to use rows for the only to get mixed up with the class row. And that's what we're talking about today. So if we just gone to our website, but here we have it on we are on the screen, so it's a medium, it's gonna stick to medium for now. We've got 444 Actually, no, sorry, we're on large. So we got free grid spaces, frequent spaces and frequent spaces and they are free remaining, let's say for one to add these items like they are again.
So I'm going to copy and paste this. Save it, refresh and they are working as they should be. Perhaps We don't want them to continue on from where the previous element left off. If there is enough space for it to continue past we want it to continue on a new row. And to do that, what we do is undo this, we simply outside of this row, do div class equals row. And now we put this content inside here, save that refresh.
And as you can see, this is actually on a separate row. Now, it's nothing to do with that. So if we were to either now add another item, I'm going to add two items. I'm going to chain these sois through to and to refresh There was enough space to fit one but not the other one. As you can see, this is still not on this line simply because it's in an entirely different role. Now, what we're doing this generally does not affect the positioning of this, obviously, they'll move it down and up.
But that's just due to the height of this particular row. So that's using multiple rows, most likely you will be using multiple rows. It's a great thing. It's great for sort of grouping items together. So if you have a website got a header or your stuff at the top, some banners durably in a separate row, you've got maybe some featured items, there have been a separate row at the bottom, you've got a footer, that will be in its own sort of row as well. So that's the difference.
I mean, that is using that's how you use multiple rows. If you have any questions, feel free to post them on so no learning code at UK for slash question dot php. There'll be a link in the description. Please rate, comment, answer scribe plus there'll be also another link in the description to the source code from this video if you want to check that out. And as usual, thank you for watching and I hope you have a great day.