From the course: Bootstrap 4 with Sass

Unlock the full course today

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

Spaces and sizes

Spaces and sizes - Bootstrap Tutorial

From the course: Bootstrap 4 with Sass

Start my 1-month free trial

Spaces and sizes

- [Instructor] Bootstrap has a number of convenient spacing utilities that let you change how your layout is spaced. So for example, if we take a look at this element for this article, you'll see that right now this element has a padding to the left of that element of four starting at the medium breakpoint. So if I actually make it smaller than the medium breakpoint, that spacing will go away because now the items are stacked up, so it would make no sense to have a little bit of padding to the left of this. And you see how they're really flexible because they allow you to activate them on a breakpoint by breakpoint basis. Here's another place where I use these. So for example, whenever I have these different items. So if I have these two articles and I want to separate the space in between them, notice that each one of these items has a margin in the Y direction, so on the bottom at the top, actually let me scroll this so you can see that, it's actually at the bottom and at the top…

Contents