Hello, in this Bistrot video, I am going to show you this Bassin utility, so this bathing utility
allows you to add basically bathing use in the margin or padding feature using built bootstrap classes.
So to implement it is pretty simple.
What I would do is provide a link to this description, which shows you all of the different features
available for the space and utilities that you have and for margin fee for padding.
You can also select if you wanted to be the top bottom left or right or exfoliant, both left and right
or y for both top and bottom right between zero and one.
And there is the calculation of what the actual spacing is.
And you can also set the classes to autism.
There's an example here.
I will show it more in depth in a second.
I can also do something called a great gap on the negative margin as well and horizontal centerin.
So feel free to check them out.
You can also target a particular screen size, which again, I will show you.
OK, so we have this middle column 12 and all the background color of red just so you can see what is
happening relative to its content.
So white is kind of hard to see something new, slightly evocative.
And I'm going to put the text.
Hello, Will.
So this is what it looks like without any basic utility added to it by default is a bit of spacing with
us to do with the Kodesh, 12 rows, that sort of stuff.
And if I add a class of
em so that we're affecting the margin now, we're adding margin to the left of it for dush five, we're
doing the maximum margin there.
So far it has moved across four.
Inspect the element and you go hover over here.
As you can see, we have some margin left.
If I was to take that, this is what it looked like before.
This is why.
Look, with the margin left, though, let me show you what we can do with padded walls to add another
div.
And this call is the text.
And in this case, I am going to reload this if I look without any spacing, utility added.
But add a class of people putting a dash out.
So we're going to say that only apply this putting on extra extra large screen sizes and five nine reload.
We get padded.
That's being applied to the left, the top, the right in the bottom, because we did not specify specifically
that we wanted it to be left to right.
We wanted left only we could just do something like that or t for top that sort of stuff.
But if we go back, if I saw so it goes just below extra, extra large as the pattern has now disappeared,
you can obviously add separate padding, utility classes for margin into the class for different breakpoints.
So feel free to experiment.
Really simple.
If you have any questions, feel free to call me a message.
And as usual, I look forward to seeing you in the next video.